@jacshuo/onyx 1.1.0 → 1.2.0

package/dist/Extras/index.js

@@ -0,0 +1,76 @@
+import jt,{createContext,useState,useCallback,useRef,useLayoutEffect,useEffect,useMemo,useId,useContext}from'react';import {createPortal}from'react-dom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Heart,ThumbsDown,Bookmark,Share2,Download,ZoomIn,ZoomOut,X,ChevronLeft,ChevronRight,Camera,Aperture,Calendar,MapPin,Info,ListMusic,Shuffle,Repeat1,SkipBack,Pause,Play,SkipForward,VolumeX,Volume2,Disc3,ListVideo,Theater,Minimize,Maximize,ArrowUpDown,HardDrive,LayoutGrid,LayoutList,Minus,Minimize2,Maximize2,FolderUp,Search,CornerRightDown,Folder,ArrowUp,AlertTriangle,Trash2,FileArchive,Database,FileSpreadsheet,FileText,Terminal,FileCode,Video,Music,Image,File}from'lucide-react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {cva}from'class-variance-authority';function s(...t){return twMerge(clsx(t))}var Lt="#1c1914",Dt="#130f0b",fn="#2e261e",ot="#504638",Ie="#6b5d4d",Ge=`url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")`,gn=[{key:"like",icon:jsx(Heart,{className:"h-5 w-5"}),activeIcon:jsx(Heart,{className:"h-5 w-5",fill:"currentColor"}),label:"Like",toggle:true},{key:"dislike",icon:jsx(ThumbsDown,{className:"h-5 w-5"}),label:"Dislike"},{key:"bookmark",icon:jsx(Bookmark,{className:"h-5 w-5"}),activeIcon:jsx(Bookmark,{className:"h-5 w-5",fill:"currentColor"}),label:"Bookmark",toggle:true},{key:"share",icon:jsx(Share2,{className:"h-5 w-5"}),label:"Share"},{key:"download",icon:jsx(Download,{className:"h-5 w-5"}),label:"Download"}];function st({photos:t,layout:r="strip",actions:l=gn,onAction:g,className:k,showGrain:b=true,sheetTitle:x,sheetLabel:R}){let[S,h]=useState(null),[O,M]=useState(new Set),N=useCallback(q=>h(q),[]),w=useCallback(()=>h(null),[]),X=useCallback((q,T)=>{if(l.find(H=>H.key===q)?.toggle){let H=`${T}-${q}`;M(B=>{let V=new Set(B);return V.has(H)?V.delete(H):V.add(H),V});}g?.(q,t[T],T);},[l,g,t]);return jsxs(Fragment,{children:[jsx(r==="strip"?bn:r==="sheet"?hn:xn,{photos:t,onPhotoClick:N,showGrain:b,className:k,sheetTitle:x,sheetLabel:R}),S!==null&&createPortal(jsx(vn,{photos:t,currentIndex:S,onIndexChange:h,onClose:w,actions:l,activeActions:O,onAction:X,showGrain:b}),document.body)]})}function Pt({count:t=30}){return jsx("div",{className:"flex shrink-0 items-center justify-between px-3",style:{height:22,background:Lt},children:Array.from({length:t}).map((r,l)=>jsx("div",{className:"rounded-xs",style:{width:12,height:8,background:fn}},l))})}function bn({photos:t,onPhotoClick:r,showGrain:l,className:g}){let k=useRef(null);return jsxs("div",{className:s("select-none rounded-lg overflow-hidden",g),style:{background:Dt},children:[jsx(Pt,{count:Math.max(30,t.length*6)}),jsx("div",{ref:k,className:"flex gap-1 overflow-x-auto scroll-smooth px-1 py-1",style:{background:Lt,scrollSnapType:"x mandatory"},children:t.map((b,x)=>jsxs("div",{className:"group relative shrink-0 cursor-pointer",style:{scrollSnapAlign:"center"},onClick:()=>r(x),children:[jsxs("div",{className:"overflow-hidden rounded-xs border",style:{borderColor:ot,width:280,height:187},children:[jsx("img",{src:b.src,alt:b.alt??b.title??"",className:"h-full w-full object-cover transition-transform duration-700 ease-out group-hover:scale-110",draggable:false}),jsx("div",{className:"pointer-events-none absolute inset-0 mix-blend-multiply opacity-0 transition-opacity duration-300 group-hover:opacity-100",style:{background:"rgba(255, 175, 60, 0.06)"}}),l&&jsx("div",{className:"pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-[0.06]",style:{backgroundImage:Ge,animation:"film-grain-shift 0.6s steps(5) infinite"}}),jsx("div",{className:"pointer-events-none absolute inset-0 opacity-30 transition-opacity duration-300 group-hover:opacity-50",style:{background:"radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.5) 100%)"}})]}),jsxs("div",{className:"mt-0.5 text-center font-mono text-[9px] tracking-widest",style:{color:Ie},children:[String(x+1).padStart(2,"0"),x%2===0?"":"A"]})]},x))}),jsx(Pt,{count:Math.max(30,t.length*6)})]})}function hn({photos:t,onPhotoClick:r,showGrain:l,className:g,sheetTitle:k,sheetLabel:b}){return jsxs("div",{className:s("rounded-lg p-5",g),style:{background:Dt},children:[jsxs("div",{className:"mb-4 flex items-center justify-between",children:[jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.25em]",style:{color:Ie},children:k??`JAC\xB7Film 35mm \xB7 ${t.length} exposures`}),jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.25em]",style:{color:Ie},children:b??"Contact Sheet"})]}),jsx("div",{className:"grid grid-cols-3 gap-2 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6",children:t.map((x,R)=>jsxs("div",{className:"group cursor-pointer",style:{animation:`reveal-up 0.4s ease-out ${R*50}ms both`},onClick:()=>r(R),children:[jsx("div",{className:"mb-0.5 font-mono text-[9px] tracking-wider",style:{color:Ie},children:String(R+1).padStart(2,"0")}),jsxs("div",{className:"relative overflow-hidden rounded-[1px] border transition-all duration-300 group-hover:border-amber-600/50 group-hover:shadow-[0_0_20px_rgba(217,171,89,0.15)]",style:{borderColor:ot,aspectRatio:"3/2"},children:[jsx("img",{src:x.src,alt:x.alt??"",className:"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105",draggable:false}),l&&jsx("div",{className:"pointer-events-none absolute inset-0 opacity-[0.04]",style:{backgroundImage:Ge}}),jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 translate-y-full bg-linear-to-t from-black/70 to-transparent p-2 pt-6 transition-transform duration-300 group-hover:translate-y-0",children:jsx("span",{className:"text-xs font-medium text-white/90",children:x.title})})]})]},R))})]})}function xn({photos:t,onPhotoClick:r,showGrain:l,className:g}){let[k,b]=useState(false),[x,R]=useState(null),S=Math.min(t.length,8),h=t.slice(0,S),O=N=>{let w=Math.sin(N*137.508+1)*1e4,X=(w%12-6).toFixed(1),v=(w/7%8-4).toFixed(1),q=(w/13%6-3).toFixed(1);return `rotate(${X}deg) translate(${v}px, ${q}px)`},M=(N,w)=>{let X=(w-1)/2,v=((N-X)*7).toFixed(1),q=((N-X)*110).toFixed(0),T=(-Math.abs(N-X)*10+(x===N?-18:0)).toFixed(0);return `translateX(${q}px) translateY(${T}px) rotate(${v}deg)`};return jsxs("div",{className:s("flex flex-col items-center gap-4",g),children:[jsx("div",{className:"relative flex h-85 w-full items-center justify-center",onMouseEnter:()=>b(true),onMouseLeave:()=>{b(false),R(null);},children:h.map((N,w)=>jsx("div",{className:"absolute cursor-pointer rounded-lg shadow-xl transition-all duration-500",style:{transitionTimingFunction:"cubic-bezier(0.34, 1.56, 0.64, 1)",transitionDelay:k?`${w*35}ms`:`${(S-w)*25}ms`,transform:k?M(w,h.length):O(w),zIndex:k?w+1:h.length-w,width:220,height:147},onClick:()=>r(w),onMouseEnter:()=>k&&R(w),onMouseLeave:()=>R(null),children:jsxs("div",{className:"relative h-full w-full overflow-hidden rounded-lg border transition-shadow duration-300",style:{borderColor:k&&x===w?"rgba(217,171,89,0.5)":ot,boxShadow:k&&x===w?"0 25px 50px rgba(0,0,0,0.5), 0 0 30px rgba(217,171,89,0.1)":"0 10px 30px rgba(0,0,0,0.4)"},children:[jsx("img",{src:N.src,alt:N.alt??"",className:"h-full w-full object-cover",draggable:false}),l&&jsx("div",{className:"pointer-events-none absolute inset-0 opacity-[0.04]",style:{backgroundImage:Ge}}),jsx("div",{className:"pointer-events-none absolute inset-0",style:{background:"radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.35) 100%)"}}),k&&x===w&&jsx("div",{className:"absolute inset-x-0 bottom-0 bg-linear-to-t from-black/80 to-transparent p-3 pt-8",style:{animation:"reveal-up 0.25s ease-out"},children:jsx("span",{className:"text-sm font-medium text-white/90",children:N.title})})]})},w))}),t.length>S&&jsxs("span",{className:"font-mono text-xs",style:{color:Ie},children:["+ ",t.length-S," more"]}),jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] transition-opacity duration-300",style:{color:Ie,opacity:k?0:.7},children:"Hover to explore"})]})}function vn({photos:t,currentIndex:r,onIndexChange:l,onClose:g,actions:k,activeActions:b,onAction:x,showGrain:R}){let S=t[r],[h,O]=useState(1),[M,N]=useState({x:0,y:0}),[w,X$1]=useState(false),[v,q]=useState(false),T=useRef(false),W=useRef({x:0,y:0}),H=useRef(null);useLayoutEffect(()=>{requestAnimationFrame(()=>q(true));},[]),useEffect(()=>{let o=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=o;}},[]),useEffect(()=>{let o=I=>{switch(I.key){case "Escape":g();break;case "ArrowLeft":B(-1);break;case "ArrowRight":B(1);break;case "i":case "I":X$1(K=>!K);break}};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)}),useEffect(()=>{let o=H.current;if(!o)return;let I=K=>{K.preventDefault();let ne=K.deltaY<0?1.12:.89;O(U=>{let ie=Math.min(8,Math.max(1,U*ne));return ie<=1&&N({x:0,y:0}),ie});};return o.addEventListener("wheel",I,{passive:false}),()=>o.removeEventListener("wheel",I)},[]);let B=useCallback(o=>{let I=r+o;I>=0&&I<t.length&&(l(I),O(1),N({x:0,y:0}));},[r,t.length,l]),V=useCallback(o=>{h<=1||(T.current=true,W.current={x:o.clientX,y:o.clientY},o.target.setPointerCapture(o.pointerId));},[h]),pe=useCallback(o=>{if(!T.current)return;let I=o.clientX-W.current.x,K=o.clientY-W.current.y;W.current={x:o.clientX,y:o.clientY},N(ne=>({x:ne.x+I/h,y:ne.y+K/h}));},[h]),u=useCallback(()=>{T.current=false;},[]),f=useCallback(()=>{h>1?(O(1),N({x:0,y:0})):O(2.5);},[h]),E=o=>b.has(`${r}-${o}`),P=S.metadata;return jsxs("div",{className:"fixed inset-0 z-200 flex flex-col",style:{animation:"lightbox-backdrop-in 0.35s ease-out"},children:[jsx("div",{className:"absolute inset-0 bg-black/95",onClick:g}),R&&jsx("div",{className:"pointer-events-none absolute inset-0 opacity-[0.025]",style:{backgroundImage:Ge,animation:"film-grain-shift 0.6s steps(5) infinite"}}),jsxs("div",{className:"relative z-10 flex h-12 shrink-0 items-center justify-between px-4",children:[jsxs("span",{className:"font-mono text-sm text-white/50",children:[r+1," / ",t.length]}),jsxs("div",{className:"flex items-center gap-1",children:[jsxs("span",{className:"mr-2 font-mono text-xs text-white/40",children:[h.toFixed(1),"x"]}),jsx("button",{className:"rounded-full p-2 text-white/60 transition-colors hover:bg-white/10 hover:text-white",onClick:()=>O(o=>Math.min(8,o*1.3)),title:"Zoom in",children:jsx(ZoomIn,{className:"h-4 w-4"})}),jsx("button",{className:"rounded-full p-2 text-white/60 transition-colors hover:bg-white/10 hover:text-white",onClick:()=>{O(o=>{let I=Math.max(1,o*.7);return I<=1&&N({x:0,y:0}),I});},title:"Zoom out",children:jsx(ZoomOut,{className:"h-4 w-4"})}),jsx("button",{className:"rounded-full p-2 text-white/60 transition-colors hover:bg-white/10 hover:text-white",onClick:g,title:"Close",children:jsx(X,{className:"h-5 w-5"})})]})]}),jsxs("div",{ref:H,className:"relative flex flex-1 items-center justify-center overflow-hidden",style:{cursor:h>1?"grab":"default"},onPointerDown:V,onPointerMove:pe,onPointerUp:u,onDoubleClick:f,children:[jsx("img",{src:S.src,alt:S.alt??S.title??"",className:"max-h-full max-w-full select-none object-contain",style:{animation:"lightbox-photo-in 0.35s cubic-bezier(0.16, 1, 0.3, 1)",transform:`scale(${h}) translate(${M.x}px, ${M.y}px)`,transition:T.current?"none":"transform 0.15s ease-out"},draggable:false},r),r>0&&jsx("button",{className:"absolute left-3 top-1/2 -translate-y-1/2 rounded-full bg-black/40 p-2.5 text-white/70 backdrop-blur-sm transition-all hover:bg-black/60 hover:text-white",onClick:o=>{o.stopPropagation(),B(-1);},children:jsx(ChevronLeft,{className:"h-6 w-6"})}),r<t.length-1&&jsx("button",{className:"absolute right-3 top-1/2 -translate-y-1/2 rounded-full bg-black/40 p-2.5 text-white/70 backdrop-blur-sm transition-all hover:bg-black/60 hover:text-white",onClick:o=>{o.stopPropagation(),B(1);},children:jsx(ChevronRight,{className:"h-6 w-6"})})]}),jsx("div",{className:s("absolute inset-x-0 bottom-0 z-20 transition-all duration-400",w?"translate-y-0 opacity-100":"pointer-events-none translate-y-full opacity-0"),children:jsxs("div",{className:"bg-linear-to-t from-black/90 via-black/75 to-transparent px-6 pb-24 pt-16",children:[S.title&&jsx("h3",{className:"mb-3 text-xl font-semibold text-white",children:S.title}),S.description&&jsx("p",{className:"mb-4 max-w-xl border-l-2 border-amber-500/40 pl-4 text-sm leading-relaxed text-white/60 italic",style:{animation:"reveal-up 0.4s ease-out 0.1s both"},children:S.description}),P&&jsxs("div",{className:"flex flex-wrap gap-x-6 gap-y-2 text-sm text-white/70",children:[P.camera&&jsxs("span",{className:"flex items-center gap-1.5",children:[jsx(Camera,{className:"h-3.5 w-3.5 text-amber-400/80"})," ",P.camera,P.lens&&jsx("span",{className:"text-white/40",children:"\xB7"}),P.lens&&P.lens]}),(P.aperture||P.shutter||P.iso)&&jsxs("span",{className:"flex items-center gap-1.5",children:[jsx(Aperture,{className:"h-3.5 w-3.5 text-amber-400/80"}),[P.aperture,P.shutter,P.iso&&`ISO ${P.iso}`].filter(Boolean).join(" \xB7 ")]}),P.date&&jsxs("span",{className:"flex items-center gap-1.5",children:[jsx(Calendar,{className:"h-3.5 w-3.5 text-amber-400/80"})," ",P.date]}),P.location&&jsxs("span",{className:"flex items-center gap-1.5",children:[jsx(MapPin,{className:"h-3.5 w-3.5 text-amber-400/80"})," ",P.location]})]})]})}),jsx("div",{className:"relative z-20 flex h-16 shrink-0 items-center justify-center gap-1",children:jsxs("div",{className:"flex items-center gap-0.5 rounded-full bg-white/6 px-2 py-1.5 backdrop-blur-xl",children:[k.map(o=>{let I=o.toggle&&E(o.key);return jsx("button",{className:s("rounded-full p-2.5 transition-all duration-200",I?"text-amber-400 hover:text-amber-300":"text-white/60 hover:bg-white/10 hover:text-white"),onClick:()=>x(o.key,r),title:o.label,children:I&&o.activeIcon?o.activeIcon:o.icon},o.key)}),jsx("div",{className:"mx-1 h-5 w-px bg-white/10"}),jsx("button",{className:s("rounded-full p-2.5 transition-all duration-200",w?"text-amber-400 hover:text-amber-300":"text-white/60 hover:bg-white/10 hover:text-white"),onClick:()=>X$1(o=>!o),title:"Photo info (I)",children:jsx(Info,{className:"h-5 w-5"})})]})})]})}var it="data:image/svg+xml,"+encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
+      <rect width="200" height="200" fill="#1e1b2e"/>
+      <circle cx="100" cy="100" r="60" fill="none" stroke="#6366f1" stroke-width="1.5" opacity="0.3"/>
+      <circle cx="100" cy="100" r="20" fill="none" stroke="#6366f1" stroke-width="1" opacity="0.4"/>
+      <text x="100" y="108" text-anchor="middle" font-family="monospace" font-size="18" fill="#6366f1" opacity="0.6">\u266A</text>
+    </svg>`);function St(t){if(!isFinite(t)||t<0)return "0:00";let r=Math.floor(t/60),l=Math.floor(t%60);return `${r}:${l.toString().padStart(2,"0")}`}function Tn(t){return t.startsWith("bottom")?"bottom":t.startsWith("top")?"top":"right"}var zn={"bottom-right":"bottom-4 right-4","bottom-left":"bottom-4 left-4","top-right":"top-4 right-4","top-left":"top-4 left-4"},Fn={"bottom-right":"bottom-4 right-0","bottom-left":"bottom-4 left-0","top-right":"top-4 right-0","top-left":"top-4 left-0"},An={"bottom-right":"bottom-8 right-0 w-1.5 h-16 rounded-l-full","bottom-left":"bottom-8 left-0 w-1.5 h-16 rounded-r-full","top-right":"top-8 right-0 w-1.5 h-16 rounded-l-full","top-left":"top-8 left-0 w-1.5 h-16 rounded-r-full"};function lt({playlist:t,initialTrack:r=0,position:l="bottom-right",entrance:g,theme:k,docked:b=false,visible:x,onVisibleChange:R,onTrackChange:S,onLike:h,autoPlay:O=true,shuffle:M=false,loop:N=false,accent:w="#8b5cf6",className:X$1}){let [v,q]=useState(r),[T,W]=useState(false),[H,B]=useState(0),[V,pe]=useState(0),[u,f]=useState(.8),[E,P]=useState(false),[o,I]=useState(new Set),[K,ne]=useState(false),[U,ie]=useState(x??!b),[z,le]=useState(false),[ze,Ne]=useState(false),[oe,Ce]=useState(M),[fe,ee]=useState(N),me=useRef(false),Y=useRef(null),he=useRef(null),Z=useRef(void 0),G=x??U,ge=g??Tn(l),$=t[v],L=b,Me=k==="dark"?"dark":k==="light"?"light":"",xe="bg-(--mp-bg)",re="text-(--mp-text)",C="text-(--mp-text-muted)",D="text-(--accent)",Ae="border-(--mp-border)";useEffect(()=>{let e=Y.current;e&&(e.src=$.src,e.load(),T&&e.play().catch(()=>{}));},[v,$.src]),useEffect(()=>{if(!O||me.current)return;let e=Y.current;if(!e)return;let a=()=>{me.current=true,W(true),e.play().catch(()=>{});};return e.addEventListener("canplaythrough",a,{once:true}),()=>e.removeEventListener("canplaythrough",a)},[O]),useEffect(()=>{let e=Y.current;e&&(T?e.play().catch(()=>{}):e.pause());},[T]),useEffect(()=>{let e=Y.current;e&&(e.volume=E?0:u);},[u,E]),useEffect(()=>{let e=Y.current;if(!e)return;let a=()=>B(e.currentTime),y=()=>pe(e.duration),F=()=>{fe?(e.currentTime=0,e.play().catch(()=>{})):Ee();};return e.addEventListener("timeupdate",a),e.addEventListener("loadedmetadata",y),e.addEventListener("ended",F),()=>{e.removeEventListener("timeupdate",a),e.removeEventListener("loadedmetadata",y),e.removeEventListener("ended",F);}},[v,t.length]);let de=useCallback(e=>{let a=(e%t.length+t.length)%t.length;q(a),B(0),S?.(a,t[a]),G||(ie(true),R?.(true));},[t,G,S,R]),Ee=useCallback(()=>{if(oe){let e;do e=Math.floor(Math.random()*t.length);while(e===v&&t.length>1);de(e);}else de(v+1);},[de,v,oe,t.length]),ae=useCallback(()=>{if(oe){let e;do e=Math.floor(Math.random()*t.length);while(e===v&&t.length>1);de(e);}else de(v-1);},[de,v,oe,t.length]),ve=useCallback(()=>{let e=o.has(v);I(a=>{let y=new Set(a);return e?y.delete(v):y.add(v),y}),h?.(v,$,!e);},[v,o,h,$]),Ke=useCallback(e=>{let a=e.currentTarget.getBoundingClientRect(),F=Math.max(0,Math.min(1,(e.clientX-a.left)/a.width))*V;Y.current&&(Y.current.currentTime=F),B(F);},[V]),Pe=useCallback(()=>{le(true);let e=L?200:400;Z.current=setTimeout(()=>{le(false),ie(false),R?.(false);},e);},[L,R]);useEffect(()=>()=>{Z.current&&clearTimeout(Z.current);},[]);let n=ze?"fade-in 0.2s ease-out both":`mp-enter-${ge} 0.45s cubic-bezier(0.16, 1, 0.3, 1) both`,p=ze?"fade-in 0.2s ease-in reverse both":`mp-exit-${ge} 0.4s cubic-bezier(0.7, 0, 0.84, 0) both`,_=V>0?H/V*100:0;return L&&!G&&!z?jsxs(Fragment,{children:[jsx("audio",{ref:Y,preload:"metadata"}),jsxs("div",{className:s("fixed z-100 cursor-pointer transition-all duration-300",An[l]),style:{"--accent":w},onMouseEnter:()=>{Ne(true),ie(true),R?.(true);},children:[jsx("div",{className:s("h-full w-full rounded-full",T?"bg-(--accent)":"bg-(--mp-dock-strip)"),style:T?{animation:"mp-progress-glow 2s ease-in-out infinite",boxShadow:"0 0 12px color-mix(in srgb, var(--accent) 50%, transparent)"}:void 0}),T&&jsx("div",{className:"absolute inset-0 rounded-full bg-(--accent)/30",style:{animation:"mp-pulse-ring 2s ease-out infinite"}})]})]}):!G&&!z?jsx("audio",{ref:Y,preload:"metadata"}):jsxs(Fragment,{children:[jsx("audio",{ref:Y,preload:"metadata"}),jsx("div",{className:s("fixed z-100",L?Fn[l]:zn[l],Me),style:{"--accent":w,...z?{animation:p}:{animation:n}},onMouseEnter:()=>{L&&(Z.current&&(clearTimeout(Z.current),Z.current=void 0),z&&le(false),Ne(true));},onMouseLeave:()=>{L&&(Ne(false),Pe());},children:jsxs("div",{className:s("w-[320px] overflow-hidden rounded-2xl border shadow-2xl backdrop-blur-xl",xe,Ae,L&&"rounded-none",l.endsWith("right")&&L&&"rounded-l-2xl",l.endsWith("left")&&L&&"rounded-r-2xl",X$1),children:[jsxs("div",{className:"relative",children:[jsx("div",{className:"absolute inset-0 overflow-hidden",children:jsx("img",{src:$.cover||it,alt:"",className:"h-full w-full scale-110 object-cover opacity-30 blur-2xl",draggable:false})}),jsxs("div",{className:"relative flex items-center gap-3.5 p-4 pb-3",children:[jsxs("div",{className:"relative h-14 w-14 shrink-0",children:[jsxs("div",{className:"h-14 w-14 overflow-hidden rounded-full border-2 border-white/10 shadow-lg",style:T?{animation:"mp-vinyl-spin 4s linear infinite"}:void 0,children:[jsx("img",{src:$.cover||it,alt:$.album??$.title,className:"h-full w-full object-cover",draggable:false}),jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:jsx("div",{className:"h-3 w-3 rounded-full bg-black/60 ring-1 ring-white/10"})})]}),T&&jsx("div",{className:"absolute inset-0 rounded-full bg-(--accent)/20",style:{animation:"mp-pulse-ring 2.5s ease-out infinite"}})]}),jsxs("div",{className:"min-w-0 flex-1",children:[jsx("div",{className:s("truncate text-sm font-semibold",re),children:$.title}),$.artist&&jsx("div",{className:s("truncate text-xs",C),children:$.artist}),$.album&&jsx("div",{className:s("mt-0.5 truncate text-[10px] tracking-wide",C,"opacity-60"),children:$.album})]}),jsxs("div",{className:"flex shrink-0 items-center gap-0.5",children:[jsx("button",{className:s("rounded-full p-1.5 transition-all duration-200",o.has(v)?"text-rose-500 hover:text-rose-400":s(C,"hover:text-rose-500")),onClick:ve,title:"Like",children:jsx(Heart,{className:"h-4 w-4",fill:o.has(v)?"currentColor":"none"})}),jsx("button",{className:s("rounded-full p-1.5 transition-colors",C,"hover:"+re.split(" ")[0]),onClick:()=>ne(e=>!e),title:"Playlist",children:jsx(ListMusic,{className:"h-4 w-4"})}),!L&&jsx("button",{className:s("rounded-full p-1.5 transition-colors",C,"hover:"+re.split(" ")[0]),onClick:Pe,title:"Dismiss",children:jsx(X,{className:"h-3.5 w-3.5"})})]})]})]}),jsxs("div",{className:"px-4",children:[jsxs("div",{ref:he,className:"group relative h-1.5 cursor-pointer rounded-full bg-(--mp-surface)",onClick:Ke,children:[jsx("div",{className:"h-full rounded-full bg-(--accent) transition-[width] duration-150",style:{width:`${_}%`}}),jsx("div",{className:"absolute top-1/2 h-3 w-3 -translate-y-1/2 rounded-full bg-(--accent) opacity-0 shadow-md transition-opacity group-hover:opacity-100",style:{left:`calc(${_}% - 6px)`}})]}),jsxs("div",{className:s("mt-1 flex justify-between text-[10px] font-mono",C),children:[jsx("span",{children:St(H)}),jsx("span",{children:St(V)})]})]}),jsxs("div",{className:"flex items-center justify-center gap-2 px-4 pb-3 pt-1",children:[jsx("button",{className:s("rounded-full p-1.5 transition-colors",oe?D:C,"hover:text-(--mp-text)"),onClick:()=>Ce(e=>!e),title:oe?"Shuffle On":"Shuffle Off",children:jsx(Shuffle,{className:"h-3.5 w-3.5"})}),jsx("button",{className:s("rounded-full p-1.5 transition-colors",fe?D:C,"hover:text-(--mp-text)"),onClick:()=>ee(e=>!e),title:fe?"Loop On":"Loop Off",children:jsx(Repeat1,{className:"h-3.5 w-3.5"})}),jsx("button",{className:s("rounded-full p-2 transition-colors",C,"hover:text-(--mp-text)"),onClick:ae,title:"Previous",children:jsx(SkipBack,{className:"h-4 w-4",fill:"currentColor"})}),jsx("button",{className:s("flex h-10 w-10 items-center justify-center rounded-full transition-all duration-200","bg-(--accent) text-white shadow-lg active:scale-95"),style:{boxShadow:"0 6px 20px color-mix(in srgb, var(--accent) 35%, transparent)"},onClick:()=>W(e=>!e),title:T?"Pause":"Play",children:T?jsx(Pause,{className:"h-4.5 w-4.5",fill:"currentColor"}):jsx(Play,{className:"h-4.5 w-4.5 translate-x-px",fill:"currentColor"})}),jsx("button",{className:s("rounded-full p-2 transition-colors",C,"hover:text-(--mp-text)"),onClick:Ee,title:"Next",children:jsx(SkipForward,{className:"h-4 w-4",fill:"currentColor"})}),jsxs("div",{className:"ml-2 flex items-center gap-1.5",children:[jsx("button",{className:s("rounded-full p-1 transition-colors",C,"hover:text-(--mp-text)"),onClick:()=>P(e=>!e),title:E?"Unmute":"Mute",children:E||u===0?jsx(VolumeX,{className:"h-3.5 w-3.5"}):jsx(Volume2,{className:"h-3.5 w-3.5"})}),jsx("input",{type:"range",min:0,max:1,step:.01,value:E?0:u,onChange:e=>{f(Number(e.target.value)),E&&P(false);},className:"mp-volume-slider h-1 w-14 cursor-pointer appearance-none rounded-full bg-(--mp-surface) accent-(--accent)"})]})]}),jsx("div",{className:s("overflow-hidden transition-all duration-300 ease-in-out",K?"max-h-60":"max-h-0"),children:jsx("div",{className:s("border-t px-2 py-2",Ae),children:jsx("div",{className:"max-h-52 space-y-0.5 overflow-y-auto",children:t.map((e,a)=>{let y=a===v;return jsxs("button",{className:s("flex w-full items-center gap-2.5 rounded-lg px-2.5 py-2 text-left transition-all duration-200",y?"bg-(--accent)/10 dark:bg-(--accent)/15":"hover:bg-(--mp-surface-hover)"),onClick:()=>{de(a),W(true);},children:[jsx("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center",children:y&&T?jsx("div",{className:"flex items-end gap-0.5",children:[1,2,3].map(F=>jsx("div",{className:"w-0.75 rounded-full bg-(--accent)",style:{height:`${8+F*4}px`,animation:`mp-eq-bar ${.4+F*.15}s ease-in-out infinite alternate`}},F))}):y?jsx(Disc3,{className:s("h-4 w-4",D)}):jsx("span",{className:s("text-xs font-mono",C),children:a+1})}),jsx("div",{className:"h-8 w-8 shrink-0 overflow-hidden rounded",children:jsx("img",{src:e.cover||it,alt:"",className:"h-full w-full object-cover",draggable:false})}),jsxs("div",{className:"min-w-0 flex-1",children:[jsx("div",{className:s("truncate text-xs font-medium",y?D:re),children:e.title}),e.artist&&jsx("div",{className:s("truncate text-[10px]",C),children:e.artist})]}),o.has(a)&&jsx(Heart,{className:"h-3 w-3 shrink-0 text-rose-500",fill:"currentColor"})]},a)})})})})]})})]})}function Qe(t){if(!isFinite(t)||t<0)return "0:00";let r=Math.floor(t/3600),l=Math.floor(t%3600/60),g=Math.floor(t%60);return r>0?`${r}:${l.toString().padStart(2,"0")}:${g.toString().padStart(2,"0")}`:`${l}:${g.toString().padStart(2,"0")}`}var Zn={title:(t,r)=>t.title.localeCompare(r.title),type:(t,r)=>(t.type??"").localeCompare(r.type??""),duration:(t,r)=>(t.duration??0)-(r.duration??0)};function dt({playlist:t,initialTrack:r=0,autoPlay:l=false,shuffle:g=false,loop:k=false,onTrackChange:b,onPlayChange:x,accent:R="#8b5cf6",className:S}){let[h,O]=useState(r),[M,N]=useState(false),[w,X$1]=useState(0),[v,q]=useState(0),[T,W]=useState(0),[H,B]=useState(.8),[V,pe]=useState(false),[u,f]=useState(g),[E,P]=useState(k),[o,I]=useState(false),[K,ne]=useState("title"),[U,ie]=useState(true),[z,le]=useState(false),[ze,Ne]=useState(false),[oe,Ce]=useState(false),[fe,ee]=useState(true),[me,Y]=useState(false),[he,Z]=useState(null),G=useRef(null),ge=useRef(null),$=useRef(void 0),Fe=useRef(false),L=t[h],Me=jt.useMemo(()=>{let e=t.map((a,y)=>({media:a,originalIndex:y}));return e.sort((a,y)=>{let F=Zn[K](a.media,y.media);return U?F:-F}),e},[t,K,U]);useEffect(()=>{let e=G.current;if(!e)return;Y(true),e.src=L.src,L.poster&&(e.poster=L.poster),e.load();let a=()=>{Y(false),M&&e.play().catch(()=>{});};return e.addEventListener("loadeddata",a,{once:true}),()=>e.removeEventListener("loadeddata",a)},[h,L.src]),useEffect(()=>{if(!l||Fe.current)return;let e=G.current;if(!e)return;let a=()=>{Fe.current=true,N(true),e.play().catch(()=>{});};return e.addEventListener("canplaythrough",a,{once:true}),()=>e.removeEventListener("canplaythrough",a)},[l]),useEffect(()=>{let e=G.current;e&&(M?e.play().catch(()=>{}):e.pause(),x?.(M));},[M]),useEffect(()=>{let e=G.current;e&&(e.volume=V?0:H);},[H,V]),useEffect(()=>{let e=G.current;if(!e)return;let a=()=>X$1(e.currentTime),y=()=>q(e.duration),F=()=>{e.buffered.length>0&&W(e.buffered.end(e.buffered.length-1));},ye=()=>{E?(e.currentTime=0,e.play().catch(()=>{})):C();};return e.addEventListener("timeupdate",a),e.addEventListener("loadedmetadata",y),e.addEventListener("progress",F),e.addEventListener("ended",ye),()=>{e.removeEventListener("timeupdate",a),e.removeEventListener("loadedmetadata",y),e.removeEventListener("progress",F),e.removeEventListener("ended",ye);}},[h,t.length,E]);let xe=useCallback(()=>{ee(true),$.current&&clearTimeout($.current),$.current=setTimeout(()=>{M&&ee(false);},3e3);},[M]);useEffect(()=>{M?xe():(ee(true),$.current&&clearTimeout($.current));},[M,xe]),useEffect(()=>()=>{$.current&&clearTimeout($.current);},[]);let re=useCallback(e=>{let a=(e%t.length+t.length)%t.length;O(a),X$1(0),N(true),b?.(a,t[a]);},[t,b]),C=useCallback(()=>{if(u){let e;do e=Math.floor(Math.random()*t.length);while(e===h&&t.length>1);re(e);}else re(h+1);},[re,h,u,t.length]),D=useCallback(()=>{if(u){let e;do e=Math.floor(Math.random()*t.length);while(e===h&&t.length>1);re(e);}else re(h-1);},[re,h,u,t.length]),Ae=useCallback(e=>{let a=e.currentTarget.getBoundingClientRect(),F=Math.max(0,Math.min(1,(e.clientX-a.left)/a.width))*v;G.current&&(G.current.currentTime=F),X$1(F);},[v]),de=useCallback(e=>{let a=e.currentTarget.getBoundingClientRect(),y=Math.max(0,Math.min(1,(e.clientX-a.left)/a.width));Z(y*v);},[v]),Ee=useCallback(()=>{ge.current&&(document.fullscreenElement?document.exitFullscreen():ge.current.requestFullscreen());},[]);useEffect(()=>{let e=()=>Ce(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]);let ae=useCallback(()=>{z?(Ne(true),setTimeout(()=>{le(false),Ne(false);},500)):le(true);},[z]),ve=useCallback(()=>{I(e=>!e);},[]),Ke=useCallback(()=>{let e=["title","type","duration"],a=e.indexOf(K);U?ie(false):(ie(true),ne(e[(a+1)%e.length]));},[K,U]);useEffect(()=>{let e=a=>{if(!(a.target instanceof HTMLInputElement||a.target instanceof HTMLTextAreaElement))switch(a.key){case " ":case "k":a.preventDefault(),N(y=>!y);break;case "f":a.preventDefault(),Ee();break;case "t":a.preventDefault(),ae();break;case "ArrowLeft":a.preventDefault(),G.current&&(G.current.currentTime=Math.max(0,w-5));break;case "ArrowRight":a.preventDefault(),G.current&&(G.current.currentTime=Math.min(v,w+5));break;case "ArrowUp":a.preventDefault(),B(y=>Math.min(1,y+.05));break;case "ArrowDown":a.preventDefault(),B(y=>Math.max(0,y-.05));break;case "Escape":z&&ae();break;case "n":a.preventDefault(),C();break;case "p":a.preventDefault(),D();break;case "l":a.preventDefault(),ve();break}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[Ee,ae,ve,C,D,w,v,z]);let Pe=v>0?w/v*100:0,n=v>0?T/v*100:0,p="text-(--accent)",_=jsxs("div",{ref:ge,className:s("group flex overflow-hidden",oe?"h-full w-full":"aspect-video w-full",!oe&&"rounded-xl",!oe&&M&&"shadow-2xl",!oe&&!M&&"animate-[cp-glow-pulse_4s_ease-in-out_infinite] will-change-[box-shadow]",S),style:{"--accent":R,background:"var(--cp-bg)"},tabIndex:0,children:[jsxs("div",{className:s("relative flex-1 min-w-0 h-full overflow-hidden",me&&"animate-[cp-track-transition_0.6s_ease-out]"),onMouseMove:xe,onMouseLeave:()=>{M&&ee(false);},children:[jsx("video",{ref:G,className:"h-full w-full object-contain",poster:L.poster,playsInline:true,preload:"metadata",onClick:()=>N(e=>!e)}),!M&&!me&&jsx("div",{className:"absolute inset-0 flex cursor-pointer items-center justify-center",style:{background:"var(--cp-overlay)"},onClick:()=>N(true),children:jsx("div",{className:"flex h-20 w-20 items-center justify-center rounded-full backdrop-blur-md transition-transform hover:scale-110 active:scale-95",style:{background:"var(--cp-surface-hover)"},children:jsx(Play,{className:"h-10 w-10 translate-x-0.5",fill:"currentColor",style:{color:"var(--cp-text-strong)"}})})}),me&&jsx("div",{className:"absolute left-6 top-6 z-20 animate-[fade-in_0.4s_ease-out]",children:jsxs("div",{className:"rounded-lg px-4 py-2 backdrop-blur-md",style:{background:"var(--cp-panel-bg)"},children:[jsx("div",{className:"text-sm font-semibold",style:{color:"var(--cp-text-strong)"},children:L.title}),L.subtitle&&jsx("div",{className:"text-xs",style:{color:"var(--cp-text-muted)"},children:L.subtitle})]})}),jsx("div",{className:s("absolute inset-x-0 top-0 z-10 bg-linear-to-b from-black/70 to-transparent px-5 pb-8 pt-4 transition-opacity duration-500",fe?"opacity-100":"pointer-events-none opacity-0"),children:jsxs("div",{className:"flex items-center justify-between",children:[jsxs("div",{children:[jsx("h3",{className:"text-sm font-semibold drop-shadow-md",style:{color:"var(--cp-text-strong)"},children:L.title}),L.subtitle&&jsx("p",{className:"text-xs",style:{color:"var(--cp-text-muted)"},children:L.subtitle})]}),L.type&&jsx("span",{className:"rounded-full bg-(--accent)/70 px-2.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider backdrop-blur-sm",style:{color:"var(--cp-text-strong)"},children:L.type})]})}),jsxs("div",{className:s("absolute inset-x-0 bottom-0 z-10 bg-linear-to-t from-black/80 via-black/40 to-transparent px-4 pb-3 pt-10 transition-all duration-500",fe?"translate-y-0 opacity-100":"pointer-events-none translate-y-2 opacity-0"),children:[jsxs("div",{className:"group/seek relative mb-3 h-1 cursor-pointer rounded-full transition-[height] duration-200 hover:h-1.5",style:{background:"var(--cp-seek-track)"},onClick:Ae,onMouseMove:de,onMouseLeave:()=>Z(null),children:[jsx("div",{className:"absolute inset-y-0 left-0 rounded-full",style:{width:`${n}%`,background:"var(--cp-seek-buffer)"}}),jsx("div",{className:"absolute inset-y-0 left-0 rounded-full bg-(--accent) transition-[width] duration-100",style:{width:`${Pe}%`}}),he!==null&&jsx("div",{className:"absolute -top-8 -translate-x-1/2 rounded px-2 py-0.5 text-[10px] font-mono",style:{left:`${he/v*100}%`,background:"var(--cp-panel-bg)",color:"var(--cp-text-strong)"},children:Qe(he)}),jsx("div",{className:"absolute top-1/2 h-3.5 w-3.5 -translate-y-1/2 rounded-full border-2 border-(--accent) bg-white opacity-0 shadow-lg transition-opacity group-hover/seek:opacity-100",style:{left:`calc(${Pe}% - 7px)`}})]}),jsxs("div",{className:"flex items-center gap-1",children:[jsx("button",{className:"cp-btn",onClick:()=>N(e=>!e),title:M?"Pause (k)":"Play (k)",children:M?jsx(Pause,{className:"h-5 w-5",fill:"currentColor"}):jsx(Play,{className:"h-5 w-5 translate-x-px",fill:"currentColor"})}),jsx("button",{className:"cp-btn",onClick:D,title:"Previous (p)",children:jsx(SkipBack,{className:"h-4 w-4",fill:"currentColor"})}),jsx("button",{className:"cp-btn",onClick:C,title:"Next (n)",children:jsx(SkipForward,{className:"h-4 w-4",fill:"currentColor"})}),jsxs("div",{className:"group/vol ml-1 flex items-center",children:[jsx("button",{className:"cp-btn",onClick:()=>pe(e=>!e),title:V?"Unmute":"Mute",children:V||H===0?jsx(VolumeX,{className:"h-4 w-4"}):jsx(Volume2,{className:"h-4 w-4"})}),jsx("div",{className:"flex w-0 items-center overflow-hidden transition-all duration-300 group-hover/vol:w-20",children:jsx("input",{type:"range",min:0,max:1,step:.01,value:V?0:H,onChange:e=>{B(Number(e.target.value)),V&&pe(false);},className:"h-1 w-full cursor-pointer appearance-none rounded-full accent-(--accent)",style:{background:"var(--cp-seek-track)"}})})]}),jsxs("span",{className:"ml-2 min-w-0 shrink-0 font-mono text-xs",style:{color:"var(--cp-text-muted)"},children:[Qe(w)," / ",Qe(v)]}),jsx("div",{className:"flex-1"}),jsx("button",{className:s("cp-btn",u&&p),onClick:()=>f(e=>!e),title:"Shuffle",children:jsx(Shuffle,{className:"h-4 w-4"})}),jsx("button",{className:s("cp-btn",E&&p),onClick:()=>P(e=>!e),title:"Loop",children:jsx(Repeat1,{className:"h-4 w-4"})}),jsx("button",{className:s("cp-btn",o&&p),onClick:ve,title:"Playlist",children:jsx(ListVideo,{className:"h-4 w-4"})}),jsx("button",{className:s("cp-btn",z&&p),onClick:ae,title:"Cinema mode (t)",children:jsx(Theater,{className:"h-4 w-4"})}),jsx("button",{className:"cp-btn",onClick:Ee,title:"Fullscreen (f)",children:oe?jsx(Minimize,{className:"h-4 w-4"}):jsx(Maximize,{className:"h-4 w-4"})})]})]})]}),jsx("div",{className:s("h-full shrink-0 overflow-hidden transition-[width] duration-300 ease-out",o?"w-72":"w-0"),children:jsxs("div",{className:"flex h-full w-72 flex-col backdrop-blur-xl",style:{borderLeft:"1px solid var(--cp-border)",background:"var(--cp-panel-bg)"},children:[jsxs("div",{className:"flex items-center justify-between px-4 py-3",style:{borderBottom:"1px solid var(--cp-border)"},children:[jsx("span",{className:"text-xs font-semibold uppercase tracking-wider",style:{color:"var(--cp-text)"},children:"Playlist"}),jsxs("div",{className:"flex items-center gap-1",children:[jsxs("button",{className:"flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium transition-colors",style:{color:"var(--cp-text-muted)"},onClick:Ke,title:`Sort: ${K} ${U?"\u2191":"\u2193"}`,children:[jsx(ArrowUpDown,{className:"h-3 w-3"}),K,U?" \u2191":" \u2193"]}),jsx("button",{className:"cp-btn p-1!",onClick:ve,title:"Close",children:jsx(X,{className:"h-3.5 w-3.5"})})]})]}),jsx("div",{className:"flex-1 overflow-y-auto",children:Me.map(({media:e,originalIndex:a})=>{let y=a===h;return jsxs("button",{className:s("flex w-full items-center gap-3 px-4 py-2.5 text-left transition-all duration-200",y?"bg-(--accent)/20 text-(--accent)":"hover:text-(--cp-text-strong)"),style:y?void 0:{color:"var(--cp-text)"},onClick:()=>{re(a);},children:[jsxs("div",{className:"relative h-10 w-16 shrink-0 overflow-hidden rounded",style:{background:"var(--cp-surface)"},children:[e.poster?jsx("img",{src:e.poster,alt:"",className:"h-full w-full object-cover",draggable:false}):jsx("div",{className:"flex h-full w-full items-center justify-center",children:jsx(Play,{className:"h-4 w-4",style:{color:"var(--cp-seek-track)"}})}),y&&M&&jsx("div",{className:"absolute inset-0 flex items-center justify-center",style:{background:"var(--cp-overlay)"},children:jsx("div",{className:"flex items-end gap-px",children:[1,2,3,4].map(F=>jsx("div",{className:"w-0.5 rounded-full bg-(--accent)",style:{height:`${6+F*3}px`,animation:`mp-eq-bar ${.3+F*.12}s ease-in-out infinite alternate`}},F))})})]}),jsxs("div",{className:"min-w-0 flex-1",children:[jsx("div",{className:"truncate text-xs font-medium",children:e.title}),jsxs("div",{className:"flex items-center gap-2",children:[e.type&&jsx("span",{className:"text-[10px] uppercase tracking-wide opacity-50",children:e.type}),e.duration!=null&&jsx("span",{className:"font-mono text-[10px] opacity-40",children:Qe(e.duration)})]})]}),y&&jsx(ChevronRight,{className:"h-3.5 w-3.5 shrink-0 text-(--accent)"})]},a)})})]})}),jsx("style",{children:`
+        .cp-btn {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          padding: 6px;
+          border-radius: 9999px;
+          color: var(--cp-text);
+          transition: color 0.15s, background 0.15s, transform 0.15s;
+        }
+        .cp-btn:hover { color: var(--cp-text-strong); background: var(--cp-surface-hover); }
+        .cp-btn:active { transform: scale(0.9); }
+        @keyframes cp-glow-pulse {
+          0%, 100% { box-shadow: 0 0 20px color-mix(in srgb, var(--accent) 25%, transparent), 0 25px 50px -12px rgba(0,0,0,0.25); }
+          50%      { box-shadow: 0 0 40px color-mix(in srgb, var(--accent) 55%, transparent), 0 25px 50px -12px rgba(0,0,0,0.25); }
+        }
+      `})]});return jsx("div",{className:s(z&&"fixed inset-0 z-100 flex items-center justify-center p-8",z&&(ze?"animate-[cp-cinema-out_0.5s_ease-in_both]":"animate-[cp-cinema-in_0.5s_ease-out_both]")),onClick:z?e=>{e.target===e.currentTarget&&ae();}:void 0,children:jsx("div",{className:s(z&&"w-full",z&&!oe&&"max-w-5xl"),children:_})})}var ut=cva("rounded-lg bg-white p-6 shadow-xl dark:bg-primary-900",{variants:{size:{sm:"w-full max-w-sm",md:"w-full max-w-lg",lg:"w-full max-w-2xl",xl:"w-full max-w-4xl",full:"h-[calc(100vh-4rem)] w-[calc(100vw-4rem)]"}},defaultVariants:{size:"md"}});cva("absolute z-50 rounded px-2 py-1 text-xs shadow-md animate-fade-in",{variants:{intent:{default:"bg-primary-900 text-white dark:bg-primary-100 dark:text-primary-900",light:"border border-primary-200 bg-white text-primary-700 dark:border-primary-600 dark:bg-primary-800 dark:text-primary-200"}},defaultVariants:{intent:"default"}});var Re=[];function nr(t){Re.push(t);}function rr(t){let r=Re.indexOf(t);r!==-1&&Re.splice(r,1);}function pt(t){return Re.length>0&&Re[Re.length-1]===t}function ar(t){let r=Re.indexOf(t);return r!==-1?r:Re.length}var Ft=createContext(null);function At({open:t,onOpenChange:r,modal:l=true,closeOnOutsideClick:g=false,children:k}){let b=useId();return useEffect(()=>{if(t)return nr(b),()=>rr(b)},[t,b]),useEffect(()=>{if(!t||!l)return;let x=R=>{R.key==="Escape"&&pt(b)&&r(false);};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[t,l,r,b]),useEffect(()=>{if(!t||!l)return;let x=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=x;}},[t,l]),t?jsx(Ft.Provider,{value:{id:b,onOpenChange:r,modal:l,closeOnOutsideClick:g},children:createPortal(k,document.body)}):null}function It({size:t,position:r="center",className:l,children:g,...k}){let b=useContext(Ft);if(!b)return null;let R=200+ar(b.id)*10,S=()=>{b.closeOnOutsideClick&&pt(b.id)&&b.onOpenChange(false);},h=r==="bottom";return b.modal?jsx("div",{className:s("animate-fade-in fixed inset-0 bg-black/50",h?"flex items-end justify-center":"flex items-center justify-center p-4"),style:{zIndex:R},onClick:S,children:jsx("div",{className:s(ut({size:t}),h?"animate-slide-in-bottom w-full rounded-b-none rounded-t-(--dialog-sheet-radius) max-h-[85vh] overflow-y-auto":"animate-scale-in",l),role:"dialog","aria-modal":"true",onClick:O=>O.stopPropagation(),...k,children:g})}):jsx("div",{className:s("fixed inset-0 flex items-center justify-center p-4",b.closeOnOutsideClick?"pointer-events-auto":"pointer-events-none"),style:{zIndex:R},onClick:b.closeOnOutsideClick&&pt(b.id)?()=>b.onOpenChange(false):void 0,children:jsx("div",{className:s(ut({size:t}),"animate-scale-in pointer-events-auto shadow-2xl",l),role:"dialog",onClick:b.closeOnOutsideClick?O=>O.stopPropagation():void 0,...k,children:g})})}function Ot({className:t,...r}){return jsx("div",{className:s("mb-4 space-y-1",t),...r})}function _t({className:t,...r}){return jsx("h2",{className:s("text-primary-900 dark:text-primary-100 flex items-center gap-1.5 text-lg font-semibold [&_svg]:h-5 [&_svg]:w-5 [&_svg]:shrink-0",t),...r})}function Ht({className:t,...r}){return jsx("p",{className:s("text-primary-500 dark:text-primary-400 text-sm",t),...r})}function Vt({className:t,...r}){return jsx("div",{className:s("mt-6 flex justify-end gap-2",t),...r})}var $t=cva("inline-flex cursor-pointer items-center justify-center gap-1.5 rounded font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 active:bg-secondary-700",danger:"bg-danger-500 text-white hover:bg-danger-600 active:bg-danger-700",warning:"bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700",ghost:"bg-transparent text-primary-700 hover:bg-primary-100 active:bg-primary-200 dark:text-primary-300 dark:hover:bg-primary-800",outline:"border border-primary-300 bg-transparent text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-800"},size:{sm:"h-7 px-3 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"h-9 px-4 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"h-11 px-6 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{intent:"primary",size:"md"}});cva("inline-flex items-center gap-1 rounded border font-semibold [&_svg]:shrink-0",{variants:{intent:{success:"border-success-200 bg-success-100 text-success-800 dark:border-success-800 dark:bg-success-900/30 dark:text-success-400",warning:"border-warning-200 bg-warning-100 text-warning-800 dark:border-warning-800 dark:bg-warning-900/30 dark:text-warning-400",error:"border-danger-200 bg-danger-100 text-danger-800 dark:border-danger-800 dark:bg-danger-900/30 dark:text-danger-400",info:"border-primary-200 bg-primary-100 text-primary-800 dark:border-primary-800 dark:bg-primary-900/30 dark:text-primary-400",primary:"border-secondary-200 bg-secondary-100 text-secondary-700 dark:border-secondary-700 dark:bg-secondary-800 dark:text-secondary-300"},size:{sm:"px-1.5 py-0 text-[0.625rem] [&_svg]:h-2.5 [&_svg]:w-2.5",md:"px-2.5 py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",lg:"px-3 py-1 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5"}},defaultVariants:{intent:"primary",size:"md"}});cva("absolute flex items-center justify-center rounded-full font-bold leading-none ring-2 ring-white select-none pointer-events-none z-10 dark:ring-primary-900",{variants:{intent:{danger:"bg-danger-500 text-white",success:"bg-success-500 text-white",warning:"bg-warning-500 text-white",info:"bg-primary-500 text-white",primary:"bg-secondary-500 text-white"},size:{sm:"text-[0.5rem]",md:"text-[0.625rem]",lg:"text-xs"},dot:{true:"",false:""},placement:{"top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2","top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2"}},compoundVariants:[{dot:true,size:"sm",class:"h-1.5 w-1.5 min-w-0 ring-1"},{dot:true,size:"md",class:"h-2 w-2 min-w-0"},{dot:true,size:"lg",class:"h-2.5 w-2.5 min-w-0"},{dot:false,size:"sm",class:"h-4 min-w-4 px-1"},{dot:false,size:"md",class:"h-5 min-w-5 px-1.5"},{dot:false,size:"lg",class:"h-6 min-w-6 px-2"}],defaultVariants:{intent:"danger",size:"md",dot:false,placement:"top-right"}});cva("w-full rounded-md border bg-white text-secondary-900 transition-colors placeholder:text-secondary-400 focus:outline-none focus:ring-2 dark:bg-secondary-900 dark:text-secondary-100 dark:placeholder:text-secondary-600",{variants:{state:{default:"border-secondary-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus:border-danger-500 focus:ring-danger-500/20"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 py-2 text-sm",lg:"h-11 px-4 py-2.5 text-base"}},defaultVariants:{state:"default",size:"md"}});cva("inline-flex items-center gap-1 font-medium [&_svg]:shrink-0",{variants:{size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},intent:{default:"text-primary-700 dark:text-primary-300",muted:"text-primary-400 dark:text-primary-500",required:"text-primary-700 dark:text-primary-300 after:ml-0.5 after:text-danger-500 after:content-['*']"}},defaultVariants:{size:"md",intent:"default"}});cva("relative inline-flex shrink-0 items-center justify-center rounded border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4 rounded-[3px]",md:"h-5 w-5 rounded",lg:"h-6 w-6 rounded-[5px]"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("relative inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("",{variants:{intent:{primary:"",secondary:"",danger:"",warning:"",success:""},size:{sm:"",md:"",lg:""},checked:{on:"",off:"bg-primary-300 dark:bg-primary-800"}},compoundVariants:[{intent:"primary",checked:"on",class:"bg-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"bg-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"bg-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"bg-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"bg-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});function ft({intent:t,size:r,className:l,...g}){return jsx("button",{className:s($t({intent:t,size:r}),l),...g})}function et(t){let r=t.lastIndexOf(".");return r>0?t.slice(r).toLowerCase():""}function Xt(t){return t==null?"\u2014":t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:t<1024*1024*1024?`${(t/(1024*1024)).toFixed(1)} MB`:`${(t/(1024*1024*1024)).toFixed(2)} GB`}function xt(t){return t?(typeof t=="string"?new Date(t):t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"\u2014"}var vr={".png":Image,".jpg":Image,".jpeg":Image,".gif":Image,".svg":Image,".webp":Image,".ico":Image,".bmp":Image,".mp3":Music,".wav":Music,".flac":Music,".ogg":Music,".aac":Music,".m4a":Music,".mp4":Video,".mkv":Video,".avi":Video,".mov":Video,".wmv":Video,".webm":Video,".ts":FileCode,".tsx":FileCode,".js":FileCode,".jsx":FileCode,".json":FileCode,".html":FileCode,".css":FileCode,".scss":FileCode,".py":FileCode,".rs":FileCode,".go":FileCode,".java":FileCode,".c":FileCode,".cpp":FileCode,".h":FileCode,".sh":Terminal,".bat":Terminal,".ps1":Terminal,".md":FileText,".txt":FileText,".pdf":FileText,".doc":FileText,".docx":FileText,".rtf":FileText,".csv":FileSpreadsheet,".xls":FileSpreadsheet,".xlsx":FileSpreadsheet,".db":Database,".sqlite":Database,".sql":Database,".zip":FileArchive,".tar":FileArchive,".gz":FileArchive,".rar":FileArchive,".7z":FileArchive};function vt(t){if(t.type==="directory")return Folder;let r=t.extension||et(t.name);return vr[r]||File}function Ut(t,r,l){return Math.max(r,Math.min(l,t))}function yt({files:t,title:r="File Explorer",accent:l="#8b5cf6",defaultView:g="list",initialPosition:k,initialSize:b,dockable:x=false,dockSide:R="right",visible:S=true,onFileOpen:h,onSelectionChange:O,onNavigate:M,onDelete:N,onClose:w,onMinimize:X$1,onPathSubmit:v,defaultInputMode:q="search",actions:T,resizable:W=true,minSize:H={width:400,height:300},className:B}){let[V,pe]=useState(g),[u,f]=useState(new Set),[E,P]=useState(null),[o,I]=useState(false),[K,ne]=useState(false),[U,ie]=useState(""),[z,le]=useState(q),[ze,Ne]=useState(S),[oe,Ce]=useState(false),fe=b??{width:720,height:520},[ee,me]=useState(k??{x:Math.max(0,Math.round((window.innerWidth-fe.width)/2)),y:Math.max(0,Math.round((window.innerHeight-fe.height)/2))}),[Y,he]=useState(fe),[Z,G]=useState(null),ge=useRef(false),$=useRef({x:0,y:0}),Fe=useRef(null),L=useRef(false),Me=useRef({x:0,y:0,w:0,h:0,px:0,py:0}),xe=S!==void 0?S:ze,re=useMemo(()=>{let n=t.filter(_=>_.type==="directory"),p=t.filter(_=>_.type==="file");return n.sort((_,e)=>_.name.localeCompare(e.name)),p.sort((_,e)=>_.name.localeCompare(e.name)),[...n,...p]},[t]),C=useMemo(()=>{if(z!=="search"||!U.trim())return re;let n=U.toLowerCase();return re.filter(p=>p.name.toLowerCase().includes(n))},[re,U,z]),D=E!=null?C[E]:null,Ae=useCallback((n,p)=>{f(_=>{let e=new Set(_);return p.ctrlKey||p.metaKey?e.has(n)?e.delete(n):e.add(n):(e.clear(),e.add(n)),e}),P(n);},[]);useEffect(()=>{if(!O)return;let n=Array.from(u).map(p=>C[p]).filter(Boolean);O(n);},[u]);let de=useCallback(n=>{let p=C[n];p&&(p.type==="directory"?M?.(p.path):h?.(p));},[C,h,M]),Ee=useCallback(n=>{o||n.target.closest("button")||(ge.current=true,$.current={x:n.clientX-ee.x,y:n.clientY-ee.y},n.preventDefault());},[ee,o]);useEffect(()=>{let n=_=>{if(!ge.current)return;let e=window.innerWidth-100,a=window.innerHeight-40;me({x:Ut(_.clientX-$.current.x,0,e),y:Ut(_.clientY-$.current.y,0,a)});},p=()=>{ge.current=false,L.current=false,document.body.style.cursor="",document.body.style.userSelect="";};return window.addEventListener("mousemove",n),window.addEventListener("mouseup",p),()=>{window.removeEventListener("mousemove",n),window.removeEventListener("mouseup",p);}},[]);let ae=useCallback((n,p)=>{o||(p.preventDefault(),p.stopPropagation(),L.current=n,Me.current={x:p.clientX,y:p.clientY,w:Y.width,h:Y.height,px:ee.x,py:ee.y},document.body.style.cursor=n==="e"||n==="w"?"ew-resize":n==="n"||n==="s"?"ns-resize":n==="nw"||n==="se"?"nwse-resize":"nesw-resize",document.body.style.userSelect="none");},[o,Y,ee]);useEffect(()=>{let n=_=>{if(!L.current)return;let e=L.current,a=_.clientX-Me.current.x,y=_.clientY-Me.current.y,{w:F,h:ye,px:nt,py:rt}=Me.current;if(e.includes("e")&&(F=Math.max(H.width,F+a)),e.includes("w")){let Xe=Math.max(H.width,F-a);nt=nt+(F-Xe),F=Xe;}if(e.includes("s")&&(ye=Math.max(H.height,ye+y)),e.includes("n")){let Xe=Math.max(H.height,ye-y);rt=rt+(ye-Xe),ye=Xe;}he({width:F,height:ye}),me({x:nt,y:rt});},p=()=>{L.current=false,document.body.style.cursor="",document.body.style.userSelect="";};return window.addEventListener("mousemove",n),window.addEventListener("mouseup",p),()=>{window.removeEventListener("mousemove",n),window.removeEventListener("mouseup",p);}},[H]);let ve=useCallback(()=>{o?(Z&&(me(Z.pos),he(Z.size)),I(false)):(G({pos:ee,size:Y}),I(true));},[o,ee,Y,Z]),Ke=useCallback(()=>{K?ne(false):(o&&(I(false),Z&&(me(Z.pos),he(Z.size))),ne(true),X$1?.());},[K,o,Z,X$1]);useEffect(()=>{if(!xe||K)return;let n=p=>{if(!(!Fe.current?.contains(document.activeElement)&&document.activeElement!==Fe.current)){if(p.key==="Escape"&&(P(null),f(new Set)),p.ctrlKey&&p.key==="a"){p.preventDefault();let _=new Set(C.map((e,a)=>a));f(_);}p.key==="Delete"&&u.size>0&&N&&(p.preventDefault(),Ce(true));}};return window.addEventListener("keydown",n),()=>window.removeEventListener("keydown",n)},[xe,K,C,u,N]);let Pe={"--fe-accent":l};return K?jsx("div",{className:s("fixed z-100 cursor-pointer transition-all duration-300",R==="right"?"right-0 top-1/2 -translate-y-1/2":"left-0 top-1/2 -translate-y-1/2"),style:Pe,onClick:()=>ne(false),title:`Restore ${r}`,children:jsxs("div",{className:"fe-dock flex items-center gap-1.5 rounded-l-lg px-2 py-3 backdrop-blur-md",style:{writingMode:"vertical-rl",textOrientation:"mixed"},children:[jsx(HardDrive,{className:"h-3.5 w-3.5 text-(--fe-accent)"}),jsx("span",{className:"text-[10px] font-bold uppercase tracking-widest text-(--fe-text)",children:r})]})}):xe?jsxs("div",{ref:Fe,className:s("fe-window fixed z-100 flex flex-col overflow-hidden","rounded-xl border border-(--fe-border)","animate-[fe-window-in_0.35s_cubic-bezier(0.16,1,0.3,1)_both]",o&&"rounded-none",B),style:{...Pe,left:o?0:ee.x,top:o?0:ee.y,width:o?"100vw":Y.width,height:o?"100vh":Y.height,transition:o?"left 0.3s, top 0.3s, width 0.3s, height 0.3s":void 0},tabIndex:0,children:[jsxs("div",{className:"fe-titlebar group/titlebar flex h-10 shrink-0 cursor-grab items-center justify-between px-3 select-none active:cursor-grabbing",onMouseDown:Ee,onDoubleClick:ve,children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx("div",{className:"flex h-5 w-5 items-center justify-center rounded",style:{background:"color-mix(in srgb, var(--fe-accent) 25%, transparent)"},children:jsx(HardDrive,{className:"h-3 w-3 text-(--fe-accent)"})}),jsx("span",{className:"text-xs font-bold uppercase tracking-widest text-(--fe-text)",children:r}),jsx("div",{className:"ml-2 hidden h-px w-20 md:block",style:{background:"linear-gradient(90deg, var(--fe-accent), transparent)",opacity:.3}})]}),jsxs("div",{className:"flex items-center gap-0.5",children:[jsx("button",{className:"fe-btn mr-1",onClick:()=>pe(n=>n==="list"?"grid":"list"),title:V==="list"?"Grid view":"List view",children:V==="list"?jsx(LayoutGrid,{className:"h-3.5 w-3.5"}):jsx(LayoutList,{className:"h-3.5 w-3.5"})}),x&&jsx("button",{className:"fe-btn",onClick:Ke,title:"Dock to edge",children:jsx(Minus,{className:"h-3.5 w-3.5"})}),jsx("button",{className:"fe-btn",onClick:ve,title:o?"Restore":"Maximize",children:o?jsx(Minimize2,{className:"h-3.5 w-3.5"}):jsx(Maximize2,{className:"h-3.5 w-3.5"})}),jsx("button",{className:"fe-btn hover:bg-red-500/40! hover:text-red-300!",onClick:()=>{w?.(),Ne(false);},title:"Close",children:jsx(X,{className:"h-3.5 w-3.5"})})]})]}),jsxs("div",{className:"fe-toolbar flex h-9 shrink-0 items-center gap-2 px-3",children:[jsx("button",{className:"fe-btn p-1",onClick:()=>M?.(".."),title:"Go up",children:jsx(FolderUp,{className:"h-3.5 w-3.5"})}),jsx("button",{className:"fe-btn shrink-0 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wider",style:z==="navigate"?{color:"var(--fe-accent)",background:"color-mix(in srgb, var(--fe-accent) 15%, transparent)"}:void 0,onClick:()=>le(n=>n==="search"?"navigate":"search"),title:z==="search"?"Switch to path navigation":"Switch to file search",children:z==="search"?jsx(Search,{className:"h-3 w-3"}):jsx(CornerRightDown,{className:"h-3 w-3"})}),jsx("div",{className:"relative flex-1",children:jsx("input",{type:"text",value:U,onChange:n=>ie(n.target.value),onKeyDown:n=>{n.key==="Enter"&&U.trim()&&z==="navigate"&&(v?v(U.trim()):M?.(U.trim()));},placeholder:z==="search"?"Search files\u2026":"Enter path and press Enter\u2026",className:"h-6 w-full rounded border border-(--fe-input-border) bg-(--fe-input-bg) px-2 text-[11px] text-(--fe-text-strong) placeholder:text-(--fe-text-muted) outline-none transition-colors focus:border-(--fe-accent)/40 focus:bg-(--fe-input-bg)"})}),jsxs("span",{className:"shrink-0 font-mono text-[10px] text-(--fe-text-muted)",children:[C.length," item",C.length!==1?"s":"",u.size>0&&` \xB7 ${u.size} selected`]})]}),jsxs("div",{className:"flex flex-1 min-h-0",children:[jsx("div",{className:"flex-1 overflow-y-auto overflow-x-hidden p-1.5",onClick:n=>{n.target===n.currentTarget&&(f(new Set),P(null));},children:C.length===0?jsxs("div",{className:"flex h-full flex-col items-center justify-center text-(--fe-text-muted)",children:[jsx(Folder,{className:"mb-2 h-10 w-10"}),jsx("span",{className:"text-xs",children:"No files found"})]}):V==="list"?jsx("div",{className:"space-y-px",children:C.map((n,p)=>{let _=vt(n),e=u.has(p),a=n.extension||et(n.name);return jsxs("div",{className:s("fe-item group/item flex items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-(--fe-text) transition-all duration-150 cursor-pointer",e?"bg-(--fe-accent)/15 text-(--fe-text-strong)":"hover:bg-(--fe-surface-hover) hover:text-(--fe-text-strong)"),style:e?{boxShadow:"inset 2px 0 0 var(--fe-accent)"}:void 0,onClick:y=>Ae(p,y),onDoubleClick:()=>de(p),children:[jsx(_,{className:s("h-4 w-4 shrink-0",n.type==="directory"?"text-(--fe-accent)":"text-(--fe-text-muted)")}),jsx("span",{className:"flex-1 truncate text-xs font-medium",children:n.name}),a&&n.type==="file"&&jsx("span",{className:"shrink-0 rounded bg-(--fe-badge-bg) px-1.5 py-0.5 font-mono text-[9px] uppercase text-(--fe-text-muted)",children:a}),n.size!=null&&jsx("span",{className:"shrink-0 font-mono text-[10px] text-(--fe-text-muted)",children:Xt(n.size)}),n.modifiedAt&&jsx("span",{className:"hidden shrink-0 font-mono text-[10px] text-(--fe-text-muted) lg:inline",children:xt(n.modifiedAt)})]},n.path+p)})}):jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(90px,1fr))] gap-1.5 p-1",children:C.map((n,p)=>{let _=vt(n),e=u.has(p),a=n.extension||et(n.name);return jsxs("div",{className:s("fe-item group/item flex cursor-pointer flex-col items-center gap-1 rounded-lg px-2 py-2.5 text-center transition-all duration-150",e?"bg-(--fe-accent)/15 text-(--fe-text-strong) ring-1 ring-(--fe-accent)/30":"text-(--fe-text) hover:bg-(--fe-surface-hover) hover:text-(--fe-text-strong)"),onClick:y=>Ae(p,y),onDoubleClick:()=>de(p),children:[jsx(_,{className:s("h-7 w-7",n.type==="directory"?"text-(--fe-accent)":"text-(--fe-text-muted)")}),jsx("span",{className:"w-full truncate text-[10px] font-medium leading-tight",children:n.name}),a&&n.type==="file"&&jsx("span",{className:"font-mono text-[8px] uppercase text-(--fe-text-muted)",children:a})]},n.path+p)})})}),jsx("div",{className:s("shrink-0 overflow-hidden transition-[width] duration-300 ease-out",D?"w-56":"w-0"),children:D&&jsxs("div",{className:"fe-panel flex h-full w-56 flex-col border-l border-(--fe-border) p-4",children:[jsxs("div",{className:"mb-3 flex flex-col items-center",children:[jt.createElement(vt(D),{className:s("h-10 w-10 mb-2",D.type==="directory"?"text-(--fe-accent)":"text-(--fe-text-muted)")}),jsx("span",{className:"w-full text-center text-xs font-semibold text-(--fe-text-strong) break-all leading-tight",children:D.name})]}),jsxs("div",{className:"space-y-2.5 text-[10px]",children:[jsx(Be,{label:"Type",value:D.type==="directory"?"Directory":D.mimeType||D.extension||et(D.name)||"File"}),D.size!=null&&jsx(Be,{label:"Size",value:Xt(D.size)}),jsx(Be,{label:"Path",value:D.path,mono:true}),D.extension&&jsx(Be,{label:"Extension",value:D.extension}),D.modifiedAt&&jsx(Be,{label:"Modified",value:xt(D.modifiedAt)}),D.createdAt&&jsx(Be,{label:"Created",value:xt(D.createdAt)})]}),jsxs("div",{className:"mt-auto flex flex-col gap-1.5",children:[D.type==="file"&&h&&jsxs("button",{className:"flex items-center justify-center gap-1.5 rounded-lg py-1.5 text-[10px] font-semibold uppercase tracking-wider text-(--fe-text-strong) transition-colors",style:{background:"color-mix(in srgb, var(--fe-accent) 20%, transparent)",border:"1px solid color-mix(in srgb, var(--fe-accent) 30%, transparent)"},onClick:()=>h(D),children:[jsx(ArrowUp,{className:"h-3 w-3 rotate-45"}),"Open"]}),T?.map(n=>jsxs("button",{className:"fe-action flex items-center justify-center gap-1.5 rounded-lg py-1.5 text-[10px] font-semibold uppercase tracking-wider text-(--fe-text) transition-colors hover:text-(--fe-text-strong)",onClick:()=>n.onClick(D),children:[n.icon&&jt.createElement(n.icon,{className:"h-3 w-3"}),n.label]},n.key))]})]})})]}),jsxs("div",{className:"fe-statusbar flex h-6 shrink-0 items-center justify-between px-3 text-[9px] font-mono text-(--fe-text-muted)",children:[jsxs("span",{children:[C.length," items"]}),jsxs("div",{className:"flex items-center gap-2",children:[u.size>0&&jsxs("span",{className:"text-(--fe-accent)/70",children:[u.size," selected"]}),jsx("span",{className:"opacity-50",children:"Ctrl+Click multi-select \xB7 Esc clear"})]})]}),W&&!o&&jsxs(Fragment,{children:[jsx("div",{className:"absolute top-0 left-2 right-2 h-1.5 cursor-ns-resize",onMouseDown:n=>ae("n",n)}),jsx("div",{className:"absolute bottom-0 left-2 right-2 h-1.5 cursor-ns-resize",onMouseDown:n=>ae("s",n)}),jsx("div",{className:"absolute top-2 left-0 bottom-2 w-1.5 cursor-ew-resize",onMouseDown:n=>ae("w",n)}),jsx("div",{className:"absolute top-2 right-0 bottom-2 w-1.5 cursor-ew-resize",onMouseDown:n=>ae("e",n)}),jsx("div",{className:"absolute top-0 left-0 h-3 w-3 cursor-nwse-resize",onMouseDown:n=>ae("nw",n)}),jsx("div",{className:"absolute top-0 right-0 h-3 w-3 cursor-nesw-resize",onMouseDown:n=>ae("ne",n)}),jsx("div",{className:"absolute bottom-0 left-0 h-3 w-3 cursor-nesw-resize",onMouseDown:n=>ae("sw",n)}),jsx("div",{className:"absolute bottom-0 right-0 h-3 w-3 cursor-nwse-resize",onMouseDown:n=>ae("se",n)})]}),jsx("style",{children:`
+        .fe-window {
+          background: var(--fe-bg);
+          box-shadow: var(--fe-shadow);
+        }
+        .fe-titlebar {
+          background: linear-gradient(90deg, color-mix(in srgb, var(--fe-accent) 6%, transparent), transparent 60%);
+          border-bottom: 1px solid var(--fe-border);
+        }
+        .fe-toolbar {
+          border-bottom: 1px solid var(--fe-border);
+          background: var(--fe-surface);
+        }
+        .fe-panel {
+          background: var(--fe-surface);
+        }
+        .fe-statusbar {
+          border-top: 1px solid var(--fe-border);
+          background: var(--fe-surface);
+        }
+        .fe-dock {
+          background: var(--fe-dock-bg);
+          border-left: 2px solid var(--fe-accent);
+          box-shadow: var(--fe-dock-shadow);
+        }
+        .fe-action {
+          background: var(--fe-surface-hover);
+          border: 1px solid var(--fe-border);
+        }
+        .fe-btn {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          padding: 5px;
+          border-radius: 6px;
+          color: var(--fe-btn-color);
+          transition: color 0.15s, background 0.15s, transform 0.1s;
+        }
+        .fe-btn:hover {
+          color: var(--fe-btn-hover);
+          background: var(--fe-btn-hover-bg);
+        }
+        .fe-btn:active { transform: scale(0.9); }
+        .fe-item {
+          animation: fe-item-in 0.25s ease-out both;
+        }
+        @keyframes fe-window-in {
+          from { opacity: 0; transform: scale(0.95) translateY(10px); }
+          to   { opacity: 1; transform: scale(1) translateY(0); }
+        }
+        @keyframes fe-item-in {
+          from { opacity: 0; transform: translateX(-4px); }
+          to   { opacity: 1; transform: translateX(0); }
+        }
+      `}),jsx(At,{open:oe,onOpenChange:Ce,children:jsxs(It,{size:"sm",children:[jsxs(Ot,{children:[jsxs(_t,{children:[jsx(AlertTriangle,{className:"text-danger-500"}),"Confirm Deletion"]}),jsxs(Ht,{children:[u.size===1?`Are you sure you want to delete "${C[Array.from(u)[0]]?.name}"?`:`Are you sure you want to delete ${u.size} selected items?`," ","This action cannot be undone."]})]}),jsxs(Vt,{children:[jsx(ft,{intent:"ghost",onClick:()=>Ce(false),children:"Cancel"}),jsxs(ft,{intent:"danger",onClick:()=>{let n=Array.from(u).map(p=>C[p]).filter(Boolean);N?.(n),f(new Set),P(null),Ce(false);},children:[jsx(Trash2,{className:"h-4 w-4"}),"Delete"]})]})]})})]}):null}function Be({label:t,value:r,mono:l}){return jsxs("div",{children:[jsx("div",{className:"mb-0.5 font-semibold uppercase tracking-wider text-(--fe-text-muted)",children:t}),jsx("div",{className:s("text-(--fe-text) break-all leading-snug",l&&"font-mono text-[9px]"),children:r})]})}function kr(t,r){let l=r.getBoundingClientRect(),g=Math.max(l.width,l.height)*1.2,k=t.clientX-l.left,b=t.clientY-l.top,x=document.createElement("span");x.className="masonry-ripple",x.style.width=`${g}px`,x.style.height=`${g}px`,x.style.left=`${k}px`,x.style.top=`${b}px`,r.appendChild(x),x.addEventListener("animationend",()=>x.remove());}function Ct({columns:t,columnWidth:r=240,gap:l=16,items:g,onItemClick:k,className:b,style:x,children:R,...S}){let h=useRef(null),O=useRef([]),[M,N]=useState(()=>t??1),[w,X]=useState([]),[v,q]=useState(0),T=g?g.map((u,f)=>({key:u.key??f,node:u.content})):jt.Children.toArray(R).map((u,f)=>({key:u.key??f,node:u})),W=T.length,H=useCallback(u=>t??Math.max(1,Math.floor((u+l)/(r+l))),[t,r,l]),B=useCallback(()=>{let u=h.current;if(!u)return;let f=u.clientWidth,E=H(f);N(E);let P=(f-(E-1)*l)/E,o=new Array(E).fill(0),I=[];for(let ne=0;ne<W;ne++){let U=O.current[ne],ie=U?U.offsetHeight:0,z=0;for(let le=1;le<E;le++)o[le]<o[z]&&(z=le);I.push({top:o[z],left:z*(P+l),width:P}),o[z]+=ie+l;}let K=Math.max(0,...o)-(W?l:0);X(I),q(K);},[W,H,l]);useEffect(()=>{let u=h.current;if(!u)return;let f=new ResizeObserver(()=>B());return f.observe(u),()=>f.disconnect()},[B]),useEffect(()=>{let u=requestAnimationFrame(B);return ()=>cancelAnimationFrame(u)},[B]),useEffect(()=>{let u=new ResizeObserver(()=>B());return O.current.forEach(f=>{f&&u.observe(f);}),()=>u.disconnect()},[W,M,B]);let V=useCallback((u,f)=>{let E=u.currentTarget;kr(u,E),k?.(g?.[f],f);},[k,g]),pe=u=>{if(!g)return  false;let f=g[u];return !!(f.title||f.description||f.actions)};return jsx("div",{ref:h,className:s("relative",b),style:{...x,height:v},...S,children:T.map((u,f)=>jsxs("div",{ref:E=>{O.current[f]=E;},className:"masonry-item",role:"button",tabIndex:0,onClick:E=>V(E,f),onKeyDown:E=>{(E.key==="Enter"||E.key===" ")&&(E.preventDefault(),k?.(g?.[f],f));},style:{position:"absolute",top:w[f]?.top??0,left:w[f]?.left??0,width:w[f]?.width??"100%"},children:[u.node,pe(f)&&jsxs("div",{className:"masonry-item-overlay",children:[g[f].title&&jsx("p",{className:"masonry-item-overlay-title",children:g[f].title}),g[f].description&&jsx("p",{className:"masonry-item-overlay-desc",children:g[f].description}),g[f].actions&&jsx("div",{className:"masonry-item-overlay-actions",children:g[f].actions})]})]},u.key))})}var Nr={FilmReel:st,MiniPlayer:lt,CinePlayer:dt,FileExplorer:yt,Masonry:Ct},Va=Nr;export{dt as CinePlayer,Nr as Extras,yt as FileExplorer,st as FilmReel,Ct as Masonry,lt as MiniPlayer,Va as default};

package/dist/Feedback/Alert.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react'),reactDom=require('react-dom'),client=require('react-dom/client'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function i(...t){return tailwindMerge.twMerge(clsx.clsx(t))}classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});var p=classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function et({intent:t,className:e,children:n,...r}){return jsxRuntime.jsx("div",{className:i(p({intent:t}),e),role:"alert",...r,children:n})}function rt({className:t,...e}){return jsxRuntime.jsx("h5",{className:i("flex items-center gap-1.5 font-semibold [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",t),...e})}function nt({className:t,...e}){return jsxRuntime.jsx("span",{className:i("mt-0.5 shrink-0 [&_svg]:h-5 [&_svg]:w-5",t),...e})}function ot({className:t,...e}){return jsxRuntime.jsx("div",{className:i("flex-1 min-w-0 space-y-1",t),...e})}function it({className:t,...e}){return jsxRuntime.jsx("p",{className:i("text-sm opacity-90",t),...e})}var I=0,a=[],m=new Map,d=new Set;function M(){return a}function u(){d.forEach(t=>t());}function g(t){let e=m.get(t);e&&(clearTimeout(e),m.delete(t)),a=a.map(n=>n.id===t?{...n,exiting:true}:n),u(),setTimeout(()=>{a=a.filter(n=>n.id!==t),u();},200);}function H(t){let e=`alert-${++I}`;a=[...a,{...t,id:e}],u();let n=t.duration??5e3;if(n>0){let r=setTimeout(()=>{m.delete(e),g(e);},n);m.set(e,r);}return e}var f=16;function st(t){f=t;}var E={"top-right":"right-4 items-end","top-left":"left-4 items-start","bottom-right":"bottom-4 right-4 items-end","bottom-left":"bottom-4 left-4 items-start","top-center":"left-1/2 -translate-x-1/2 items-center","bottom-center":"bottom-4 left-1/2 -translate-x-1/2 items-center"},L={"top-right":"animate-slide-in-right","top-left":"animate-slide-in-left","bottom-right":"animate-slide-in-right","bottom-left":"animate-slide-in-left","top-center":"animate-slide-in-top","bottom-center":"animate-slide-in-bottom"},_={success:lucideReact.CircleCheck,warning:lucideReact.TriangleAlert,error:lucideReact.CircleX,info:lucideReact.Info};function S({alert:t,onClose:e}){let n=t.intent??"info",r=_[n],l=t.position??"top-right";return jsxRuntime.jsxs("div",{className:i(p({intent:n}),L[l],t.exiting&&"opacity-0 transition-opacity duration-200","w-80 max-w-[calc(100vw-2rem)]"),role:"alert",children:[jsxRuntime.jsx(r,{className:"mt-0.5 h-5 w-5 shrink-0"}),jsxRuntime.jsxs("div",{className:"flex-1",children:[t.title&&jsxRuntime.jsx("p",{className:"font-semibold",children:t.title}),jsxRuntime.jsx("p",{className:i(t.title&&"text-sm opacity-90"),children:t.message})]}),jsxRuntime.jsx("button",{onClick:e,"aria-label":"Close notification",className:"shrink-0 cursor-pointer opacity-50 transition-opacity hover:opacity-100",children:jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"})})]})}var z=t=>t.startsWith("top");function O(){let t=react.useSyncExternalStore(r=>(d.add(r),()=>d.delete(r)),M),e=react.useRef(f);if(react.useEffect(()=>{e.current=f;},[]),t.length===0)return null;let n=t.reduce((r,l)=>{let s=l.position??"top-right";return (r[s]??(r[s]=[])).push(l),r},{});return reactDom.createPortal(jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.entries(n).map(([r,l])=>jsxRuntime.jsx("div",{style:z(r)?{top:`${e.current}px`}:void 0,className:i("pointer-events-none fixed z-100 flex flex-col gap-2",E[r]),children:l.map(s=>jsxRuntime.jsx(S,{alert:s,onClose:()=>g(s.id)},s.id))},r))}),document.body)}var b=false;function D(){if(b)return;b=true;let t=document.createElement("div");t.id="alert-toast-root",document.body.appendChild(t),client.createRoot(t).render(jsxRuntime.jsx(O,{}));}function at(){return react.useEffect(()=>{D();},[]),{addAlert:H,removeAlert:g}}exports.Alert=et;exports.AlertContent=ot;exports.AlertDescription=it;exports.AlertIcon=nt;exports.AlertTitle=rt;exports.configureAlertTopOffset=st;exports.useAlert=at;

package/dist/Feedback/Alert.d.cts

@@ -0,0 +1,9 @@
+export { Alert_alias_3 as Alert } from '../_tsup-dts-rollup.cjs';
+export { AlertTitle_alias_2 as AlertTitle } from '../_tsup-dts-rollup.cjs';
+export { AlertIcon_alias_2 as AlertIcon } from '../_tsup-dts-rollup.cjs';
+export { AlertContent_alias_2 as AlertContent } from '../_tsup-dts-rollup.cjs';
+export { AlertDescription_alias_2 as AlertDescription } from '../_tsup-dts-rollup.cjs';
+export { configureAlertTopOffset_alias_2 as configureAlertTopOffset } from '../_tsup-dts-rollup.cjs';
+export { useAlert_alias_2 as useAlert } from '../_tsup-dts-rollup.cjs';
+export { AlertPosition_alias_2 as AlertPosition } from '../_tsup-dts-rollup.cjs';
+export { AlertOptions_alias_2 as AlertOptions } from '../_tsup-dts-rollup.cjs';

package/dist/Feedback/Alert.d.ts

@@ -0,0 +1,9 @@
+export { Alert_alias_3 as Alert } from '../_tsup-dts-rollup.js';
+export { AlertTitle_alias_2 as AlertTitle } from '../_tsup-dts-rollup.js';
+export { AlertIcon_alias_2 as AlertIcon } from '../_tsup-dts-rollup.js';
+export { AlertContent_alias_2 as AlertContent } from '../_tsup-dts-rollup.js';
+export { AlertDescription_alias_2 as AlertDescription } from '../_tsup-dts-rollup.js';
+export { configureAlertTopOffset_alias_2 as configureAlertTopOffset } from '../_tsup-dts-rollup.js';
+export { useAlert_alias_2 as useAlert } from '../_tsup-dts-rollup.js';
+export { AlertPosition_alias_2 as AlertPosition } from '../_tsup-dts-rollup.js';
+export { AlertOptions_alias_2 as AlertOptions } from '../_tsup-dts-rollup.js';

package/dist/Feedback/Alert.js

@@ -0,0 +1 @@
+import {useEffect,useSyncExternalStore,useRef}from'react';import {createPortal}from'react-dom';import {createRoot}from'react-dom/client';import {Info,CircleX,TriangleAlert,CircleCheck,X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});var p=cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function et({intent:t,className:e,children:n,...r}){return jsx("div",{className:i(p({intent:t}),e),role:"alert",...r,children:n})}function rt({className:t,...e}){return jsx("h5",{className:i("flex items-center gap-1.5 font-semibold [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",t),...e})}function nt({className:t,...e}){return jsx("span",{className:i("mt-0.5 shrink-0 [&_svg]:h-5 [&_svg]:w-5",t),...e})}function ot({className:t,...e}){return jsx("div",{className:i("flex-1 min-w-0 space-y-1",t),...e})}function it({className:t,...e}){return jsx("p",{className:i("text-sm opacity-90",t),...e})}var I=0,a=[],m=new Map,d=new Set;function M(){return a}function u(){d.forEach(t=>t());}function g(t){let e=m.get(t);e&&(clearTimeout(e),m.delete(t)),a=a.map(n=>n.id===t?{...n,exiting:true}:n),u(),setTimeout(()=>{a=a.filter(n=>n.id!==t),u();},200);}function H(t){let e=`alert-${++I}`;a=[...a,{...t,id:e}],u();let n=t.duration??5e3;if(n>0){let r=setTimeout(()=>{m.delete(e),g(e);},n);m.set(e,r);}return e}var f=16;function st(t){f=t;}var E={"top-right":"right-4 items-end","top-left":"left-4 items-start","bottom-right":"bottom-4 right-4 items-end","bottom-left":"bottom-4 left-4 items-start","top-center":"left-1/2 -translate-x-1/2 items-center","bottom-center":"bottom-4 left-1/2 -translate-x-1/2 items-center"},L={"top-right":"animate-slide-in-right","top-left":"animate-slide-in-left","bottom-right":"animate-slide-in-right","bottom-left":"animate-slide-in-left","top-center":"animate-slide-in-top","bottom-center":"animate-slide-in-bottom"},_={success:CircleCheck,warning:TriangleAlert,error:CircleX,info:Info};function S({alert:t,onClose:e}){let n=t.intent??"info",r=_[n],l=t.position??"top-right";return jsxs("div",{className:i(p({intent:n}),L[l],t.exiting&&"opacity-0 transition-opacity duration-200","w-80 max-w-[calc(100vw-2rem)]"),role:"alert",children:[jsx(r,{className:"mt-0.5 h-5 w-5 shrink-0"}),jsxs("div",{className:"flex-1",children:[t.title&&jsx("p",{className:"font-semibold",children:t.title}),jsx("p",{className:i(t.title&&"text-sm opacity-90"),children:t.message})]}),jsx("button",{onClick:e,"aria-label":"Close notification",className:"shrink-0 cursor-pointer opacity-50 transition-opacity hover:opacity-100",children:jsx(X,{className:"h-4 w-4"})})]})}var z=t=>t.startsWith("top");function O(){let t=useSyncExternalStore(r=>(d.add(r),()=>d.delete(r)),M),e=useRef(f);if(useEffect(()=>{e.current=f;},[]),t.length===0)return null;let n=t.reduce((r,l)=>{let s=l.position??"top-right";return (r[s]??(r[s]=[])).push(l),r},{});return createPortal(jsx(Fragment,{children:Object.entries(n).map(([r,l])=>jsx("div",{style:z(r)?{top:`${e.current}px`}:void 0,className:i("pointer-events-none fixed z-100 flex flex-col gap-2",E[r]),children:l.map(s=>jsx(S,{alert:s,onClose:()=>g(s.id)},s.id))},r))}),document.body)}var b=false;function D(){if(b)return;b=true;let t=document.createElement("div");t.id="alert-toast-root",document.body.appendChild(t),createRoot(t).render(jsx(O,{}));}function at(){return useEffect(()=>{D();},[]),{addAlert:H,removeAlert:g}}export{et as Alert,ot as AlertContent,it as AlertDescription,nt as AlertIcon,rt as AlertTitle,st as configureAlertTopOffset,at as useAlert};

package/dist/Feedback/ProgressBar.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function n(...a){return tailwindMerge.twMerge(clsx.clsx(a))}var l=classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function F({value:a=0,size:t,intent:d,edge:p,showLabel:m=false,indeterminate:r=false,animated:u=false,duration:g=500,className:f,...c}){let e=Math.max(0,Math.min(100,a)),[b,x]=react.useState(0),s=react.useRef(0);react.useEffect(()=>{if(!r)return s.current=requestAnimationFrame(()=>{x(e);}),()=>{s.current&&cancelAnimationFrame(s.current);}},[e,r]);let y=m&&!r&&t!=="xs"&&t!=="sm";return jsxRuntime.jsx("div",{role:"progressbar","aria-valuenow":r?void 0:e,"aria-valuemin":0,"aria-valuemax":100,className:n(l({size:t,intent:d,edge:p}),f),...c,children:r?jsxRuntime.jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsxRuntime.jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",u&&"animate-progress-shine"),style:{width:`${b}%`,transitionDuration:`${g}ms`},children:y&&jsxRuntime.jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(e),"%"]})})})}exports.ProgressBar=F;

package/dist/Feedback/ProgressBar.d.cts

@@ -0,0 +1,2 @@
+export { ProgressBar_alias_3 as ProgressBar } from '../_tsup-dts-rollup.cjs';
+export { ProgressBarProps_alias_2 as ProgressBarProps } from '../_tsup-dts-rollup.cjs';

package/dist/Feedback/ProgressBar.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar_alias_3 as ProgressBar } from '../_tsup-dts-rollup.js';
+export { ProgressBarProps_alias_2 as ProgressBarProps } from '../_tsup-dts-rollup.js';

package/dist/Feedback/ProgressBar.js

@@ -0,0 +1 @@
+import {useState,useRef,useEffect}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function n(...a){return twMerge(clsx(a))}var l=cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function F({value:a=0,size:t,intent:d,edge:p,showLabel:m=false,indeterminate:r=false,animated:u=false,duration:g=500,className:f,...c}){let e=Math.max(0,Math.min(100,a)),[b,x]=useState(0),s=useRef(0);useEffect(()=>{if(!r)return s.current=requestAnimationFrame(()=>{x(e);}),()=>{s.current&&cancelAnimationFrame(s.current);}},[e,r]);let y=m&&!r&&t!=="xs"&&t!=="sm";return jsx("div",{role:"progressbar","aria-valuenow":r?void 0:e,"aria-valuemin":0,"aria-valuemax":100,className:n(l({size:t,intent:d,edge:p}),f),...c,children:r?jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",u&&"animate-progress-shine"),style:{width:`${b}%`,transitionDuration:`${g}ms`},children:y&&jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(e),"%"]})})})}export{F as ProgressBar};

package/dist/Feedback/Spin.cjs

@@ -0,0 +1,2 @@
+'use strict';var react=require('react'),reactDom=require('react-dom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});var d=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function l({size:e}){let t=e==="sm"?20:e==="lg"?40:28;return jsxRuntime.jsx("svg",{className:"animate-spin-rotate",width:t,height:t,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function G({spinning:e=true,tip:t,size:n,className:o,children:m,...f}){return m?jsxRuntime.jsxs("div",{className:i("relative w-fit",o),...f,children:[jsxRuntime.jsx("div",{className:i("transition-all duration-200",e&&"pointer-events-none select-none blur-[1px]"),children:m}),e&&jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(l,{size:n}),t&&jsxRuntime.jsx("span",{className:i(d({size:n}),"select-none"),children:t})]})]}):e?jsxRuntime.jsxs("div",{className:i("inline-flex flex-col items-center gap-2",o),...f,children:[jsxRuntime.jsx(l,{size:n}),t&&jsxRuntime.jsx("span",{className:i(d({size:n}),"select-none"),children:t})]}):null}var S=0,a=[],u=new Set;function E(){return a}function y(){u.forEach(e=>e());}function V(e,t){let n=++S;return a=[...a,{id:n,target:e,tip:t}],y(),()=>z(n)}function z(e){a=a.filter(t=>t.id!==e),y();}function J(){return V}var x=false;function M(){if(x||typeof document>"u")return;x=true;let e=document.createElement("div");e.id="jac-spin-portal",document.body.appendChild(e),import('react-dom/client').then(({createRoot:t})=>{t(e).render(jsxRuntime.jsx(H,{}));});}var p=new Map;function N(e){let t=p.get(e);if(t){t.count++;return}let n=getComputedStyle(e),o=e.style.position;n.position==="static"&&(e.style.position="relative"),p.set(e,{count:1,original:o});}function L(e){let t=p.get(e);t&&(t.count--,t.count<=0&&(e.style.position=t.original,p.delete(e)));}function P({entry:e}){return react.useEffect(()=>{let t=e.target;if(!b(t))return N(t),()=>L(t)},[e.target]),b(e.target)?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsxRuntime.jsx(l,{size:"lg"}),e.tip&&jsxRuntime.jsx("span",{className:"select-none text-sm text-primary-100",children:e.tip})]}),document.body):reactDom.createPortal(jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(l,{size:"md"}),e.tip&&jsxRuntime.jsx("span",{className:i(d({size:"md"}),"select-none"),children:e.tip})]}),e.target)}function H(){let e=react.useSyncExternalStore(t=>(u.add(t),()=>u.delete(t)),()=>E());return e.length===0?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:e.map(t=>jsxRuntime.jsx(P,{entry:t},t.id))})}function b(e){return e===document.documentElement||e===document.body}typeof document<"u"&&M();
+exports.Spin=G;exports.useSpin=J;

package/dist/Feedback/Spin.d.cts

@@ -0,0 +1,3 @@
+export { Spin_alias_3 as Spin } from '../_tsup-dts-rollup.cjs';
+export { useSpin_alias_2 as useSpin } from '../_tsup-dts-rollup.cjs';
+export { SpinProps_alias_2 as SpinProps } from '../_tsup-dts-rollup.cjs';

package/dist/Feedback/Spin.d.ts

@@ -0,0 +1,3 @@
+export { Spin_alias_3 as Spin } from '../_tsup-dts-rollup.js';
+export { useSpin_alias_2 as useSpin } from '../_tsup-dts-rollup.js';
+export { SpinProps_alias_2 as SpinProps } from '../_tsup-dts-rollup.js';

package/dist/Feedback/Spin.js

@@ -0,0 +1,2 @@
+import {useSyncExternalStore,useEffect}from'react';import {createPortal}from'react-dom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function i(...e){return twMerge(clsx(e))}cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});var d=cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function l({size:e}){let t=e==="sm"?20:e==="lg"?40:28;return jsx("svg",{className:"animate-spin-rotate",width:t,height:t,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function G({spinning:e=true,tip:t,size:n,className:o,children:m,...f}){return m?jsxs("div",{className:i("relative w-fit",o),...f,children:[jsx("div",{className:i("transition-all duration-200",e&&"pointer-events-none select-none blur-[1px]"),children:m}),e&&jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(l,{size:n}),t&&jsx("span",{className:i(d({size:n}),"select-none"),children:t})]})]}):e?jsxs("div",{className:i("inline-flex flex-col items-center gap-2",o),...f,children:[jsx(l,{size:n}),t&&jsx("span",{className:i(d({size:n}),"select-none"),children:t})]}):null}var S=0,a=[],u=new Set;function E(){return a}function y(){u.forEach(e=>e());}function V(e,t){let n=++S;return a=[...a,{id:n,target:e,tip:t}],y(),()=>z(n)}function z(e){a=a.filter(t=>t.id!==e),y();}function J(){return V}var x=false;function M(){if(x||typeof document>"u")return;x=true;let e=document.createElement("div");e.id="jac-spin-portal",document.body.appendChild(e),import('react-dom/client').then(({createRoot:t})=>{t(e).render(jsx(H,{}));});}var p=new Map;function N(e){let t=p.get(e);if(t){t.count++;return}let n=getComputedStyle(e),o=e.style.position;n.position==="static"&&(e.style.position="relative"),p.set(e,{count:1,original:o});}function L(e){let t=p.get(e);t&&(t.count--,t.count<=0&&(e.style.position=t.original,p.delete(e)));}function P({entry:e}){return useEffect(()=>{let t=e.target;if(!b(t))return N(t),()=>L(t)},[e.target]),b(e.target)?createPortal(jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsx(l,{size:"lg"}),e.tip&&jsx("span",{className:"select-none text-sm text-primary-100",children:e.tip})]}),document.body):createPortal(jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(l,{size:"md"}),e.tip&&jsx("span",{className:i(d({size:"md"}),"select-none"),children:e.tip})]}),e.target)}function H(){let e=useSyncExternalStore(t=>(u.add(t),()=>u.delete(t)),()=>E());return e.length===0?null:jsx(Fragment,{children:e.map(t=>jsx(P,{entry:t},t.id))})}function b(e){return e===document.documentElement||e===document.body}typeof document<"u"&&M();
+export{G as Spin,J as useSpin};

package/dist/Feedback/index.cjs

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),reactDom=require('react-dom');require('react-dom/client'),require('lucide-react');var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function n(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var v=classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),p=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),h=classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function g({intent:t,className:e,children:o,...i}){return jsxRuntime.jsx("div",{className:n(h({intent:t}),e),role:"alert",...i,children:o})}function x({value:t=0,size:e,intent:o,edge:i,showLabel:l=false,indeterminate:s=false,animated:T=false,duration:N=500,className:S,...E}){let m=Math.max(0,Math.min(100,t)),[M,V]=react.useState(0),d=react.useRef(0);react.useEffect(()=>{if(!s)return d.current=requestAnimationFrame(()=>{V(m);}),()=>{d.current&&cancelAnimationFrame(d.current);}},[m,s]);let L=l&&!s&&e!=="xs"&&e!=="sm";return jsxRuntime.jsx("div",{role:"progressbar","aria-valuenow":s?void 0:m,"aria-valuemin":0,"aria-valuemax":100,className:n(v({size:e,intent:o,edge:i}),S),...E,children:s?jsxRuntime.jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsxRuntime.jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",T&&"animate-progress-shine"),style:{width:`${M}%`,transitionDuration:`${N}ms`},children:L&&jsxRuntime.jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(m),"%"]})})})}function c({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsxRuntime.jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function y({spinning:t=true,tip:e,size:o,className:i,children:l,...s}){return l?jsxRuntime.jsxs("div",{className:n("relative w-fit",i),...s,children:[jsxRuntime.jsx("div",{className:n("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:l}),t&&jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:o}),e&&jsxRuntime.jsx("span",{className:n(p({size:o}),"select-none"),children:e})]})]}):t?jsxRuntime.jsxs("div",{className:n("inline-flex flex-col items-center gap-2",i),...s,children:[jsxRuntime.jsx(c,{size:o}),e&&jsxRuntime.jsx("span",{className:n(p({size:o}),"select-none"),children:e})]}):null}var F=[],w=new Set;function W(){return F}var P=false;function $(){if(P||typeof document>"u")return;P=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsxRuntime.jsx(X,{}));});}var u=new Map;function j(t){let e=u.get(t);if(e){e.count++;return}let o=getComputedStyle(t),i=t.style.position;o.position==="static"&&(t.style.position="relative"),u.set(t,{count:1,original:i});}function G(t){let e=u.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,u.delete(t)));}function q({entry:t}){return react.useEffect(()=>{let e=t.target;if(!k(e))return j(e),()=>G(e)},[t.target]),k(t.target)?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"lg"}),t.tip&&jsxRuntime.jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):reactDom.createPortal(jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"md"}),t.tip&&jsxRuntime.jsx("span",{className:n(p({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function X(){let t=react.useSyncExternalStore(e=>(w.add(e),()=>w.delete(e)),()=>W());return t.length===0?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:t.map(e=>jsxRuntime.jsx(q,{entry:e},e.id))})}function k(t){return t===document.documentElement||t===document.body}typeof document<"u"&&$();var K={Alert:g,ProgressBar:x,Spin:y},Dt=K;
+exports.Alert=g;exports.Feedback=K;exports.ProgressBar=x;exports.Spin=y;exports.default=Dt;

package/dist/Feedback/index.d.cts

@@ -0,0 +1,5 @@
+export { Alert_alias_1 as Alert } from '../_tsup-dts-rollup.cjs';
+export { ProgressBar_alias_1 as ProgressBar } from '../_tsup-dts-rollup.cjs';
+export { Spin_alias_1 as Spin } from '../_tsup-dts-rollup.cjs';
+export { Feedback_alias_1 as Feedback } from '../_tsup-dts-rollup.cjs';
+export { default_alias_4 as default } from '../_tsup-dts-rollup.cjs';

package/dist/Feedback/index.d.ts

@@ -0,0 +1,5 @@
+export { Alert_alias_1 as Alert } from '../_tsup-dts-rollup.js';
+export { ProgressBar_alias_1 as ProgressBar } from '../_tsup-dts-rollup.js';
+export { Spin_alias_1 as Spin } from '../_tsup-dts-rollup.js';
+export { Feedback_alias_1 as Feedback } from '../_tsup-dts-rollup.js';
+export { default_alias_4 as default } from '../_tsup-dts-rollup.js';

package/dist/Feedback/index.js

@@ -0,0 +1,2 @@
+import {useSyncExternalStore,useEffect,useState,useRef}from'react';import {createPortal}from'react-dom';import'react-dom/client';import'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function n(...t){return twMerge(clsx(t))}var v=cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),p=cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),h=cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function g({intent:t,className:e,children:o,...i}){return jsx("div",{className:n(h({intent:t}),e),role:"alert",...i,children:o})}function x({value:t=0,size:e,intent:o,edge:i,showLabel:l=false,indeterminate:s=false,animated:T=false,duration:N=500,className:S,...E}){let m=Math.max(0,Math.min(100,t)),[M,V]=useState(0),d=useRef(0);useEffect(()=>{if(!s)return d.current=requestAnimationFrame(()=>{V(m);}),()=>{d.current&&cancelAnimationFrame(d.current);}},[m,s]);let L=l&&!s&&e!=="xs"&&e!=="sm";return jsx("div",{role:"progressbar","aria-valuenow":s?void 0:m,"aria-valuemin":0,"aria-valuemax":100,className:n(v({size:e,intent:o,edge:i}),S),...E,children:s?jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",T&&"animate-progress-shine"),style:{width:`${M}%`,transitionDuration:`${N}ms`},children:L&&jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(m),"%"]})})})}function c({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function y({spinning:t=true,tip:e,size:o,className:i,children:l,...s}){return l?jsxs("div",{className:n("relative w-fit",i),...s,children:[jsx("div",{className:n("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:l}),t&&jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:o}),e&&jsx("span",{className:n(p({size:o}),"select-none"),children:e})]})]}):t?jsxs("div",{className:n("inline-flex flex-col items-center gap-2",i),...s,children:[jsx(c,{size:o}),e&&jsx("span",{className:n(p({size:o}),"select-none"),children:e})]}):null}var F=[],w=new Set;function W(){return F}var P=false;function $(){if(P||typeof document>"u")return;P=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsx(X,{}));});}var u=new Map;function j(t){let e=u.get(t);if(e){e.count++;return}let o=getComputedStyle(t),i=t.style.position;o.position==="static"&&(t.style.position="relative"),u.set(t,{count:1,original:i});}function G(t){let e=u.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,u.delete(t)));}function q({entry:t}){return useEffect(()=>{let e=t.target;if(!k(e))return j(e),()=>G(e)},[t.target]),k(t.target)?createPortal(jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsx(c,{size:"lg"}),t.tip&&jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):createPortal(jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:"md"}),t.tip&&jsx("span",{className:n(p({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function X(){let t=useSyncExternalStore(e=>(w.add(e),()=>w.delete(e)),()=>W());return t.length===0?null:jsx(Fragment,{children:t.map(e=>jsx(q,{entry:e},e.id))})}function k(t){return t===document.documentElement||t===document.body}typeof document<"u"&&$();var K={Alert:g,ProgressBar:x,Spin:y},Dt=K;
+export{g as Alert,K as Feedback,x as ProgressBar,y as Spin,Dt as default};

package/dist/Forms/Form.cjs

@@ -0,0 +1 @@
+'use strict';var I=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var I__default=/*#__PURE__*/_interopDefault(I);function p(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var z=classVarianceAuthority.cva("w-full",{variants:{intent:{default:"",card:"rounded-(--form-radius) border border-primary-200 bg-white p-6 shadow-sm dark:border-primary-700 dark:bg-primary-900",inset:"rounded-(--form-radius) bg-primary-50 p-6 dark:bg-primary-800/50"},size:{sm:"",md:"",lg:""}},defaultVariants:{intent:"default",size:"md"}});classVarianceAuthority.cva("flex w-full",{variants:{layout:{stacked:"flex-col gap-1.5",inline:"flex-row items-start gap-(--form-item-gap-md)"},size:{sm:"",md:"",lg:""}},defaultVariants:{layout:"stacked",size:"md"}});var M=classVarianceAuthority.cva("mt-1 flex items-center gap-1 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5 [&_svg]:shrink-0",{variants:{status:{error:"text-danger-600 dark:text-danger-400",warning:"text-warning-600 dark:text-warning-400",success:"text-success-600 dark:text-success-400",hint:"text-primary-400 dark:text-primary-500"}},defaultVariants:{status:"hint"}});var S=I.createContext({layout:"stacked",size:"md",labelWidth:"var(--form-label-w-md, 7rem)",bulkErrors:{}}),K={sm:"var(--form-label-w-sm, 5rem)",md:"var(--form-label-w-md, 7rem)",lg:"var(--form-label-w-lg, 9rem)"},j={sm:"gap-(--form-row-gap-sm)",md:"gap-(--form-row-gap-md)",lg:"gap-(--form-row-gap-lg)"};function nt({children:o,className:c,intent:g,size:a="md",layout:f="stacked",title:e,description:m,footer:v,onValues:y,onSubmit:s,...n}){let E=K[a??"md"],[F,C]=I.useState({}),l=I.useCallback(V=>{if(s?.(V),y){let b=Object.fromEntries(new FormData(V.currentTarget).entries()),k=y(b,V),R=h=>{if(!h)return;let w={};for(let[N,{result:r,reason:x}]of Object.entries(h))x&&(w[N]={status:r?"success":"error",message:x});C(w);};k instanceof Promise?k.then(R).catch(()=>{}):R(k);}},[s,y]);return jsxRuntime.jsx(S.Provider,{value:{layout:f??"stacked",size:a??"md",labelWidth:E,bulkErrors:F},children:jsxRuntime.jsxs("form",{className:p(z({intent:g,size:a}),"flex flex-col",c),onSubmit:l,...n,children:[(e||m)&&jsxRuntime.jsxs("div",{className:"mb-(--form-header-mb)",children:[e&&jsxRuntime.jsx("h2",{className:"text-base font-semibold text-primary-900 dark:text-primary-100",children:e}),m&&jsxRuntime.jsx("p",{className:"mt-1 text-xs text-primary-500 dark:text-primary-400",children:m})]}),jsxRuntime.jsx("div",{className:p("flex flex-col",j[a??"md"]),children:o}),v&&jsxRuntime.jsx("div",{className:"mt-(--form-footer-pt) flex flex-wrap items-center justify-end gap-(--form-footer-gap) border-t border-primary-200 pt-(--form-footer-pt) dark:border-primary-700",children:v})]})})}var Q={error:jsxRuntime.jsx(lucideReact.AlertCircle,{}),warning:jsxRuntime.jsx(lucideReact.AlertTriangle,{}),success:jsxRuntime.jsx(lucideReact.CheckCircle,{}),hint:jsxRuntime.jsx(lucideReact.Info,{})};function it({label:o,layout:c,required:g,hint:a,validation:f,name:e,onValidate:m,className:v,children:y}){let s=I.useContext(S),n=I.useId(),[E,F]=I.useState(void 0),C=e?s.bulkErrors[e]:void 0,l=f??E??C,b=(c??s.layout)==="inline",k=I.useCallback(r=>{let x=r!=null&&typeof r=="object"&&"target"in r?r.target.value:r;if(e&&s.bulkErrors[e]&&(s.bulkErrors[e]=void 0),!m){F(void 0);return}let{result:d,reason:i}=m(x);F(i?{status:d?"success":"error",message:i}:void 0);},[m,e,s.bulkErrors]),R=l?`${n}-validation`:a?`${n}-hint`:void 0,h=I__default.default.Children.map(y,(r,x)=>{if(x!==0||!I__default.default.isValidElement(r))return r;let d=r,i={};if(d.props.id||(i.id=n),R&&!d.props["aria-describedby"]&&(i["aria-describedby"]=R),l?.status==="error"&&!d.props["aria-invalid"]&&(i["aria-invalid"]=true),e&&!d.props.name&&(i.name=e),m){let B=d.props.onChange;i.onChange=L=>{B?.(L),k(L);};}return Object.keys(i).length?I__default.default.cloneElement(d,i):r}),w=o!=null&&jsxRuntime.jsx("label",{htmlFor:n,className:p("shrink-0 text-sm font-medium","text-primary-700 dark:text-primary-300",g&&"after:ml-0.5 after:text-danger-500 after:content-['*']",b&&"pt-1.75"),style:b?{width:s.labelWidth,minWidth:s.labelWidth}:void 0,children:o}),N=f?`${n}-validation`:a?`${n}-hint`:void 0;return jsxRuntime.jsxs("div",{className:p("flex w-full flex-col gap-1.5",b&&"md:flex-row md:items-start md:gap-(--form-item-gap-md)",v),children:[w,jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 flex-col",children:[h,l&&jsxRuntime.jsxs("p",{id:`${n}-validation`,className:p(M({status:l.status})),role:l.status==="error"?"alert":void 0,children:[Q[l.status],jsxRuntime.jsx("span",{children:l.message})]}),a&&jsxRuntime.jsx("p",{id:N===`${n}-hint`?N:void 0,className:"mt-1 text-xs text-primary-400 dark:text-primary-500",children:a})]})]})}function lt({title:o,description:c,className:g,children:a}){let{size:f}=I.useContext(S);return jsxRuntime.jsxs("fieldset",{className:p("flex flex-col rounded-(--form-radius) border border-primary-200 p-4 dark:border-primary-700",j[f],g),children:[(o||c)&&jsxRuntime.jsxs("legend",{className:"px-1.5 pb-1",children:[o&&jsxRuntime.jsx("span",{className:"text-sm font-semibold text-primary-700 dark:text-primary-300",children:o}),c&&jsxRuntime.jsx("span",{className:"ml-2 text-xs text-primary-400 dark:text-primary-500",children:c})]}),a]})}exports.Form=nt;exports.FormItem=it;exports.FormSection=lt;

package/dist/Forms/Form.d.cts

@@ -0,0 +1,13 @@
+export { Form_alias_3 as Form } from '../_tsup-dts-rollup.cjs';
+export { FormItem_alias_2 as FormItem } from '../_tsup-dts-rollup.cjs';
+export { FormSection_alias_2 as FormSection } from '../_tsup-dts-rollup.cjs';
+export { FormLayout_alias_2 as FormLayout } from '../_tsup-dts-rollup.cjs';
+export { FormSize_alias_2 as FormSize } from '../_tsup-dts-rollup.cjs';
+export { FormValidationStatus_alias_2 as FormValidationStatus } from '../_tsup-dts-rollup.cjs';
+export { ValidationResult_alias_2 as ValidationResult } from '../_tsup-dts-rollup.cjs';
+export { ValidateCallback_alias_2 as ValidateCallback } from '../_tsup-dts-rollup.cjs';
+export { BulkValidationResult_alias_1 as BulkValidationResult } from '../_tsup-dts-rollup.cjs';
+export { FormProps_alias_2 as FormProps } from '../_tsup-dts-rollup.cjs';
+export { FormValidation_alias_2 as FormValidation } from '../_tsup-dts-rollup.cjs';
+export { FormItemProps_alias_2 as FormItemProps } from '../_tsup-dts-rollup.cjs';
+export { FormSectionProps_alias_2 as FormSectionProps } from '../_tsup-dts-rollup.cjs';

package/dist/Forms/Form.d.ts

@@ -0,0 +1,13 @@
+export { Form_alias_3 as Form } from '../_tsup-dts-rollup.js';
+export { FormItem_alias_2 as FormItem } from '../_tsup-dts-rollup.js';
+export { FormSection_alias_2 as FormSection } from '../_tsup-dts-rollup.js';
+export { FormLayout_alias_2 as FormLayout } from '../_tsup-dts-rollup.js';
+export { FormSize_alias_2 as FormSize } from '../_tsup-dts-rollup.js';
+export { FormValidationStatus_alias_2 as FormValidationStatus } from '../_tsup-dts-rollup.js';
+export { ValidationResult_alias_2 as ValidationResult } from '../_tsup-dts-rollup.js';
+export { ValidateCallback_alias_2 as ValidateCallback } from '../_tsup-dts-rollup.js';
+export { BulkValidationResult_alias_1 as BulkValidationResult } from '../_tsup-dts-rollup.js';
+export { FormProps_alias_2 as FormProps } from '../_tsup-dts-rollup.js';
+export { FormValidation_alias_2 as FormValidation } from '../_tsup-dts-rollup.js';
+export { FormItemProps_alias_2 as FormItemProps } from '../_tsup-dts-rollup.js';
+export { FormSectionProps_alias_2 as FormSectionProps } from '../_tsup-dts-rollup.js';

package/dist/Forms/Form.js

@@ -0,0 +1 @@
+import I,{createContext,useState,useCallback,useContext,useId}from'react';import {Info,CheckCircle,AlertTriangle,AlertCircle}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function p(...o){return twMerge(clsx(o))}var z=cva("w-full",{variants:{intent:{default:"",card:"rounded-(--form-radius) border border-primary-200 bg-white p-6 shadow-sm dark:border-primary-700 dark:bg-primary-900",inset:"rounded-(--form-radius) bg-primary-50 p-6 dark:bg-primary-800/50"},size:{sm:"",md:"",lg:""}},defaultVariants:{intent:"default",size:"md"}});cva("flex w-full",{variants:{layout:{stacked:"flex-col gap-1.5",inline:"flex-row items-start gap-(--form-item-gap-md)"},size:{sm:"",md:"",lg:""}},defaultVariants:{layout:"stacked",size:"md"}});var M=cva("mt-1 flex items-center gap-1 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5 [&_svg]:shrink-0",{variants:{status:{error:"text-danger-600 dark:text-danger-400",warning:"text-warning-600 dark:text-warning-400",success:"text-success-600 dark:text-success-400",hint:"text-primary-400 dark:text-primary-500"}},defaultVariants:{status:"hint"}});var S=createContext({layout:"stacked",size:"md",labelWidth:"var(--form-label-w-md, 7rem)",bulkErrors:{}}),K={sm:"var(--form-label-w-sm, 5rem)",md:"var(--form-label-w-md, 7rem)",lg:"var(--form-label-w-lg, 9rem)"},j={sm:"gap-(--form-row-gap-sm)",md:"gap-(--form-row-gap-md)",lg:"gap-(--form-row-gap-lg)"};function nt({children:o,className:c,intent:g,size:a="md",layout:f="stacked",title:e,description:m,footer:v,onValues:y,onSubmit:s,...n}){let E=K[a??"md"],[F,C]=useState({}),l=useCallback(V=>{if(s?.(V),y){let b=Object.fromEntries(new FormData(V.currentTarget).entries()),k=y(b,V),R=h=>{if(!h)return;let w={};for(let[N,{result:r,reason:x}]of Object.entries(h))x&&(w[N]={status:r?"success":"error",message:x});C(w);};k instanceof Promise?k.then(R).catch(()=>{}):R(k);}},[s,y]);return jsx(S.Provider,{value:{layout:f??"stacked",size:a??"md",labelWidth:E,bulkErrors:F},children:jsxs("form",{className:p(z({intent:g,size:a}),"flex flex-col",c),onSubmit:l,...n,children:[(e||m)&&jsxs("div",{className:"mb-(--form-header-mb)",children:[e&&jsx("h2",{className:"text-base font-semibold text-primary-900 dark:text-primary-100",children:e}),m&&jsx("p",{className:"mt-1 text-xs text-primary-500 dark:text-primary-400",children:m})]}),jsx("div",{className:p("flex flex-col",j[a??"md"]),children:o}),v&&jsx("div",{className:"mt-(--form-footer-pt) flex flex-wrap items-center justify-end gap-(--form-footer-gap) border-t border-primary-200 pt-(--form-footer-pt) dark:border-primary-700",children:v})]})})}var Q={error:jsx(AlertCircle,{}),warning:jsx(AlertTriangle,{}),success:jsx(CheckCircle,{}),hint:jsx(Info,{})};function it({label:o,layout:c,required:g,hint:a,validation:f,name:e,onValidate:m,className:v,children:y}){let s=useContext(S),n=useId(),[E,F]=useState(void 0),C=e?s.bulkErrors[e]:void 0,l=f??E??C,b=(c??s.layout)==="inline",k=useCallback(r=>{let x=r!=null&&typeof r=="object"&&"target"in r?r.target.value:r;if(e&&s.bulkErrors[e]&&(s.bulkErrors[e]=void 0),!m){F(void 0);return}let{result:d,reason:i}=m(x);F(i?{status:d?"success":"error",message:i}:void 0);},[m,e,s.bulkErrors]),R=l?`${n}-validation`:a?`${n}-hint`:void 0,h=I.Children.map(y,(r,x)=>{if(x!==0||!I.isValidElement(r))return r;let d=r,i={};if(d.props.id||(i.id=n),R&&!d.props["aria-describedby"]&&(i["aria-describedby"]=R),l?.status==="error"&&!d.props["aria-invalid"]&&(i["aria-invalid"]=true),e&&!d.props.name&&(i.name=e),m){let B=d.props.onChange;i.onChange=L=>{B?.(L),k(L);};}return Object.keys(i).length?I.cloneElement(d,i):r}),w=o!=null&&jsx("label",{htmlFor:n,className:p("shrink-0 text-sm font-medium","text-primary-700 dark:text-primary-300",g&&"after:ml-0.5 after:text-danger-500 after:content-['*']",b&&"pt-1.75"),style:b?{width:s.labelWidth,minWidth:s.labelWidth}:void 0,children:o}),N=f?`${n}-validation`:a?`${n}-hint`:void 0;return jsxs("div",{className:p("flex w-full flex-col gap-1.5",b&&"md:flex-row md:items-start md:gap-(--form-item-gap-md)",v),children:[w,jsxs("div",{className:"flex min-w-0 flex-1 flex-col",children:[h,l&&jsxs("p",{id:`${n}-validation`,className:p(M({status:l.status})),role:l.status==="error"?"alert":void 0,children:[Q[l.status],jsx("span",{children:l.message})]}),a&&jsx("p",{id:N===`${n}-hint`?N:void 0,className:"mt-1 text-xs text-primary-400 dark:text-primary-500",children:a})]})]})}function lt({title:o,description:c,className:g,children:a}){let{size:f}=useContext(S);return jsxs("fieldset",{className:p("flex flex-col rounded-(--form-radius) border border-primary-200 p-4 dark:border-primary-700",j[f],g),children:[(o||c)&&jsxs("legend",{className:"px-1.5 pb-1",children:[o&&jsx("span",{className:"text-sm font-semibold text-primary-700 dark:text-primary-300",children:o}),c&&jsx("span",{className:"ml-2 text-xs text-primary-400 dark:text-primary-500",children:c})]}),a]})}export{nt as Form,it as FormItem,lt as FormSection};

package/dist/Forms/index.cjs

@@ -0,0 +1 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react');require('lucide-react');var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function l(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var y=classVarianceAuthority.cva("w-full",{variants:{intent:{default:"",card:"rounded-(--form-radius) border border-primary-200 bg-white p-6 shadow-sm dark:border-primary-700 dark:bg-primary-900",inset:"rounded-(--form-radius) bg-primary-50 p-6 dark:bg-primary-800/50"},size:{sm:"",md:"",lg:""}},defaultVariants:{intent:"default",size:"md"}});classVarianceAuthority.cva("flex w-full",{variants:{layout:{stacked:"flex-col gap-1.5",inline:"flex-row items-start gap-(--form-item-gap-md)"},size:{sm:"",md:"",lg:""}},defaultVariants:{layout:"stacked",size:"md"}});classVarianceAuthority.cva("mt-1 flex items-center gap-1 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5 [&_svg]:shrink-0",{variants:{status:{error:"text-danger-600 dark:text-danger-400",warning:"text-warning-600 dark:text-warning-400",success:"text-success-600 dark:text-success-400",hint:"text-primary-400 dark:text-primary-500"}},defaultVariants:{status:"hint"}});var W=react.createContext({layout:"stacked",size:"md",labelWidth:"var(--form-label-w-md, 7rem)",bulkErrors:{}}),H={sm:"var(--form-label-w-sm, 5rem)",md:"var(--form-label-w-md, 7rem)",lg:"var(--form-label-w-lg, 9rem)"},j={sm:"gap-(--form-row-gap-sm)",md:"gap-(--form-row-gap-md)",lg:"gap-(--form-row-gap-lg)"};function d({children:r,className:k,intent:F,size:e="md",layout:R="stacked",title:a,description:o,footer:c,onValues:s,onSubmit:p,...v}){let V=H[e??"md"],[h,w]=react.useState({}),N=react.useCallback(n=>{if(p?.(n),s){let E=Object.fromEntries(new FormData(n.currentTarget).entries()),i=s(E,n),u=f=>{if(!f)return;let x={};for(let[C,{result:P,reason:g}]of Object.entries(f))g&&(x[C]={status:P?"success":"error",message:g});w(x);};i instanceof Promise?i.then(u).catch(()=>{}):u(i);}},[p,s]);return jsxRuntime.jsx(W.Provider,{value:{layout:R??"stacked",size:e??"md",labelWidth:V,bulkErrors:h},children:jsxRuntime.jsxs("form",{className:l(y({intent:F,size:e}),"flex flex-col",k),onSubmit:N,...v,children:[(a||o)&&jsxRuntime.jsxs("div",{className:"mb-(--form-header-mb)",children:[a&&jsxRuntime.jsx("h2",{className:"text-base font-semibold text-primary-900 dark:text-primary-100",children:a}),o&&jsxRuntime.jsx("p",{className:"mt-1 text-xs text-primary-500 dark:text-primary-400",children:o})]}),jsxRuntime.jsx("div",{className:l("flex flex-col",j[e??"md"]),children:r}),c&&jsxRuntime.jsx("div",{className:"mt-(--form-footer-pt) flex flex-wrap items-center justify-end gap-(--form-footer-gap) border-t border-primary-200 pt-(--form-footer-pt) dark:border-primary-700",children:c})]})})}var B={Form:d},nt=B;exports.Form=d;exports.Forms=B;exports.default=nt;

package/dist/Forms/index.d.cts

@@ -0,0 +1,3 @@
+export { Form_alias_1 as Form } from '../_tsup-dts-rollup.cjs';
+export { Forms_alias_1 as Forms } from '../_tsup-dts-rollup.cjs';
+export { default_alias_5 as default } from '../_tsup-dts-rollup.cjs';

package/dist/Forms/index.d.ts

@@ -0,0 +1,3 @@
+export { Form_alias_1 as Form } from '../_tsup-dts-rollup.js';
+export { Forms_alias_1 as Forms } from '../_tsup-dts-rollup.js';
+export { default_alias_5 as default } from '../_tsup-dts-rollup.js';

package/dist/Forms/index.js

@@ -0,0 +1 @@
+import {createContext,useState,useCallback}from'react';import'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function l(...r){return twMerge(clsx(r))}var y=cva("w-full",{variants:{intent:{default:"",card:"rounded-(--form-radius) border border-primary-200 bg-white p-6 shadow-sm dark:border-primary-700 dark:bg-primary-900",inset:"rounded-(--form-radius) bg-primary-50 p-6 dark:bg-primary-800/50"},size:{sm:"",md:"",lg:""}},defaultVariants:{intent:"default",size:"md"}});cva("flex w-full",{variants:{layout:{stacked:"flex-col gap-1.5",inline:"flex-row items-start gap-(--form-item-gap-md)"},size:{sm:"",md:"",lg:""}},defaultVariants:{layout:"stacked",size:"md"}});cva("mt-1 flex items-center gap-1 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5 [&_svg]:shrink-0",{variants:{status:{error:"text-danger-600 dark:text-danger-400",warning:"text-warning-600 dark:text-warning-400",success:"text-success-600 dark:text-success-400",hint:"text-primary-400 dark:text-primary-500"}},defaultVariants:{status:"hint"}});var W=createContext({layout:"stacked",size:"md",labelWidth:"var(--form-label-w-md, 7rem)",bulkErrors:{}}),H={sm:"var(--form-label-w-sm, 5rem)",md:"var(--form-label-w-md, 7rem)",lg:"var(--form-label-w-lg, 9rem)"},j={sm:"gap-(--form-row-gap-sm)",md:"gap-(--form-row-gap-md)",lg:"gap-(--form-row-gap-lg)"};function d({children:r,className:k,intent:F,size:e="md",layout:R="stacked",title:a,description:o,footer:c,onValues:s,onSubmit:p,...v}){let V=H[e??"md"],[h,w]=useState({}),N=useCallback(n=>{if(p?.(n),s){let E=Object.fromEntries(new FormData(n.currentTarget).entries()),i=s(E,n),u=f=>{if(!f)return;let x={};for(let[C,{result:P,reason:g}]of Object.entries(f))g&&(x[C]={status:P?"success":"error",message:g});w(x);};i instanceof Promise?i.then(u).catch(()=>{}):u(i);}},[p,s]);return jsx(W.Provider,{value:{layout:R??"stacked",size:e??"md",labelWidth:V,bulkErrors:h},children:jsxs("form",{className:l(y({intent:F,size:e}),"flex flex-col",k),onSubmit:N,...v,children:[(a||o)&&jsxs("div",{className:"mb-(--form-header-mb)",children:[a&&jsx("h2",{className:"text-base font-semibold text-primary-900 dark:text-primary-100",children:a}),o&&jsx("p",{className:"mt-1 text-xs text-primary-500 dark:text-primary-400",children:o})]}),jsx("div",{className:l("flex flex-col",j[e??"md"]),children:r}),c&&jsx("div",{className:"mt-(--form-footer-pt) flex flex-wrap items-center justify-end gap-(--form-footer-gap) border-t border-primary-200 pt-(--form-footer-pt) dark:border-primary-700",children:c})]})})}var B={Form:d},nt=B;export{d as Form,B as Forms,nt as default};

package/dist/Layout/Card.cjs

@@ -0,0 +1 @@
+'use strict';var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function a(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var d=classVarianceAuthority.cva("rounded-lg transition-shadow",{variants:{intent:{default:"border border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",elevated:"bg-white shadow-md hover:shadow-lg dark:bg-primary-800 dark:shadow-primary-300/25 dark:hover:shadow-primary-200/30",outlined:"border-2 border-primary-300 bg-transparent dark:border-primary-600",ghost:"bg-primary-50 dark:bg-primary-800/50"},size:{sm:"p-3",md:"p-5",lg:"p-7"}},defaultVariants:{intent:"default",size:"md"}});classVarianceAuthority.cva("rounded-md",{variants:{intent:{default:"border border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",inset:"bg-primary-50 dark:bg-primary-800/50",elevated:"bg-white shadow-lg dark:bg-primary-800 dark:shadow-primary-300/25"},size:{sm:"p-3",md:"p-4",lg:"p-6"}},defaultVariants:{intent:"default",size:"md"}});function C({intent:t,size:r,className:o,...i}){return jsxRuntime.jsx("div",{className:a(d({intent:t,size:r}),o),...i})}function k({className:t,...r}){return jsxRuntime.jsx("div",{className:a("mb-4 space-y-1",t),...r})}function T({className:t,...r}){return jsxRuntime.jsx("h3",{className:a("text-primary-900 dark:text-primary-100 text-lg font-semibold",t),...r})}function L({className:t,...r}){return jsxRuntime.jsx("p",{className:a("text-primary-500 dark:text-primary-400 text-sm",t),...r})}function M({className:t,...r}){return jsxRuntime.jsx("div",{className:a("text-primary-700 dark:text-primary-300 text-sm",t),...r})}function N({className:t,...r}){return jsxRuntime.jsx("div",{className:a("border-primary-100 dark:border-primary-800 mt-4 flex items-center gap-2 border-t pt-4",t),...r})}function R({intent:t,media:r,mediaPosition:o="left",stackOnMobile:i=false,className:s,children:l,...m}){let p=jsxRuntime.jsx("div",{className:a("relative shrink-0 overflow-hidden",i?"h-48 w-full rounded-t-lg sm:h-auto sm:w-auto":"",!i&&(o==="left"?"rounded-l-lg":"rounded-r-lg")),style:i?void 0:{width:r.width??"10rem"},children:r.src?jsxRuntime.jsx("img",{src:r.src,alt:r.alt??"",className:"h-full w-full object-cover",draggable:false}):r.icon?jsxRuntime.jsx("div",{className:"bg-primary-100 text-primary-500 dark:bg-primary-800 dark:text-primary-400 flex h-full w-full items-center justify-center",children:r.icon}):null});return jsxRuntime.jsxs("div",{className:a(d({intent:t}),"flex overflow-hidden p-0",i?"flex-col sm:flex-row":"",!i&&o==="right"&&"flex-row-reverse",!i&&o==="left"&&"flex-row",s),...m,children:[p,jsxRuntime.jsx("div",{className:"flex min-w-0 flex-1 flex-col p-4",children:l})]})}exports.Card=C;exports.CardContent=M;exports.CardDescription=L;exports.CardFooter=N;exports.CardHeader=k;exports.CardTitle=T;exports.HorizontalCard=R;

package/dist/Layout/Card.d.cts

@@ -0,0 +1,7 @@
+export { Card_alias_3 as Card } from '../_tsup-dts-rollup.cjs';
+export { CardHeader_alias_2 as CardHeader } from '../_tsup-dts-rollup.cjs';
+export { CardTitle_alias_2 as CardTitle } from '../_tsup-dts-rollup.cjs';
+export { CardDescription_alias_2 as CardDescription } from '../_tsup-dts-rollup.cjs';
+export { CardContent_alias_2 as CardContent } from '../_tsup-dts-rollup.cjs';
+export { CardFooter_alias_2 as CardFooter } from '../_tsup-dts-rollup.cjs';
+export { HorizontalCard_alias_2 as HorizontalCard } from '../_tsup-dts-rollup.cjs';

package/dist/Layout/Card.d.ts

@@ -0,0 +1,7 @@
+export { Card_alias_3 as Card } from '../_tsup-dts-rollup.js';
+export { CardHeader_alias_2 as CardHeader } from '../_tsup-dts-rollup.js';
+export { CardTitle_alias_2 as CardTitle } from '../_tsup-dts-rollup.js';
+export { CardDescription_alias_2 as CardDescription } from '../_tsup-dts-rollup.js';
+export { CardContent_alias_2 as CardContent } from '../_tsup-dts-rollup.js';
+export { CardFooter_alias_2 as CardFooter } from '../_tsup-dts-rollup.js';
+export { HorizontalCard_alias_2 as HorizontalCard } from '../_tsup-dts-rollup.js';

package/dist/Layout/Card.js

@@ -0,0 +1 @@
+import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function a(...t){return twMerge(clsx(t))}var d=cva("rounded-lg transition-shadow",{variants:{intent:{default:"border border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",elevated:"bg-white shadow-md hover:shadow-lg dark:bg-primary-800 dark:shadow-primary-300/25 dark:hover:shadow-primary-200/30",outlined:"border-2 border-primary-300 bg-transparent dark:border-primary-600",ghost:"bg-primary-50 dark:bg-primary-800/50"},size:{sm:"p-3",md:"p-5",lg:"p-7"}},defaultVariants:{intent:"default",size:"md"}});cva("rounded-md",{variants:{intent:{default:"border border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",inset:"bg-primary-50 dark:bg-primary-800/50",elevated:"bg-white shadow-lg dark:bg-primary-800 dark:shadow-primary-300/25"},size:{sm:"p-3",md:"p-4",lg:"p-6"}},defaultVariants:{intent:"default",size:"md"}});function C({intent:t,size:r,className:o,...i}){return jsx("div",{className:a(d({intent:t,size:r}),o),...i})}function k({className:t,...r}){return jsx("div",{className:a("mb-4 space-y-1",t),...r})}function T({className:t,...r}){return jsx("h3",{className:a("text-primary-900 dark:text-primary-100 text-lg font-semibold",t),...r})}function L({className:t,...r}){return jsx("p",{className:a("text-primary-500 dark:text-primary-400 text-sm",t),...r})}function M({className:t,...r}){return jsx("div",{className:a("text-primary-700 dark:text-primary-300 text-sm",t),...r})}function N({className:t,...r}){return jsx("div",{className:a("border-primary-100 dark:border-primary-800 mt-4 flex items-center gap-2 border-t pt-4",t),...r})}function R({intent:t,media:r,mediaPosition:o="left",stackOnMobile:i=false,className:s,children:l,...m}){let p=jsx("div",{className:a("relative shrink-0 overflow-hidden",i?"h-48 w-full rounded-t-lg sm:h-auto sm:w-auto":"",!i&&(o==="left"?"rounded-l-lg":"rounded-r-lg")),style:i?void 0:{width:r.width??"10rem"},children:r.src?jsx("img",{src:r.src,alt:r.alt??"",className:"h-full w-full object-cover",draggable:false}):r.icon?jsx("div",{className:"bg-primary-100 text-primary-500 dark:bg-primary-800 dark:text-primary-400 flex h-full w-full items-center justify-center",children:r.icon}):null});return jsxs("div",{className:a(d({intent:t}),"flex overflow-hidden p-0",i?"flex-col sm:flex-row":"",!i&&o==="right"&&"flex-row-reverse",!i&&o==="left"&&"flex-row",s),...m,children:[p,jsx("div",{className:"flex min-w-0 flex-1 flex-col p-4",children:l})]})}export{C as Card,M as CardContent,L as CardDescription,N as CardFooter,k as CardHeader,T as CardTitle,R as HorizontalCard};

package/dist/Layout/ImageCard.cjs

@@ -0,0 +1 @@
+'use strict';var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function a(...r){return tailwindMerge.twMerge(clsx.clsx(r))}function y({src:r,alt:e="",aspectRatio:i="16/9",className:s,children:p,...n}){return jsxRuntime.jsxs("div",{className:a("group overflow-hidden rounded-xl border transition-shadow duration-300","border-primary-200 dark:border-primary-700 dark:bg-primary-900 bg-white","dark:hover:shadow-primary-900/60 hover:shadow-lg",s),...n,children:[jsxRuntime.jsxs("div",{className:"relative overflow-hidden",style:{aspectRatio:i},children:[jsxRuntime.jsx("img",{src:r,alt:e,className:"h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110",draggable:false}),jsxRuntime.jsx("div",{className:"pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100","aria-hidden":true,children:jsxRuntime.jsx("div",{className:"animate-light-sweep absolute inset-0"})})]}),p]})}function x({className:r,...e}){return jsxRuntime.jsx("div",{className:a("space-y-2 p-4",r),...e})}function v({className:r,...e}){return jsxRuntime.jsx("h3",{className:a("text-primary-900 dark:text-primary-100 text-base font-semibold",r),...e})}function f({className:r,...e}){return jsxRuntime.jsx("p",{className:a("text-primary-500 dark:text-primary-400 text-sm",r),...e})}function b({className:r,...e}){return jsxRuntime.jsx("div",{className:a("border-primary-100 dark:border-primary-800 flex items-center gap-2 border-t px-4 py-3",r),...e})}exports.ImageCard=y;exports.ImageCardActions=b;exports.ImageCardBody=x;exports.ImageCardDescription=f;exports.ImageCardTitle=v;