@jacshuo/onyx 1.1.0 → 1.3.0

package/dist/Extras/CinePlayer.cjs

@@ -0,0 +1,17 @@
+'use strict';var Pe=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Pe__default=/*#__PURE__*/_interopDefault(Pe);function i(...r){return tailwindMerge.twMerge(clsx.clsx(r))}function j(r){if(!isFinite(r)||r<0)return "0:00";let p=Math.floor(r/3600),M=Math.floor(r%3600/60),L=Math.floor(r%60);return p>0?`${p}:${M.toString().padStart(2,"0")}:${L.toString().padStart(2,"0")}`:`${M}:${L.toString().padStart(2,"0")}`}var ze={title:(r,p)=>r.title.localeCompare(p.title),type:(r,p)=>(r.type??"").localeCompare(p.type??""),duration:(r,p)=>(r.duration??0)-(p.duration??0)};function Je({playlist:r,initialTrack:p=0,autoPlay:M=false,shuffle:L=false,loop:se=false,onTrackChange:q,onPlayChange:oe,accent:le="#8b5cf6",className:ce}){let[f,ie]=Pe.useState(p),[l,y]=Pe.useState(false),[E,H]=Pe.useState(0),[u,ue]=Pe.useState(0),[de,me]=Pe.useState(0),[S,V]=Pe.useState(.8),[k,G]=Pe.useState(false),[P,pe]=Pe.useState(L),[A,fe]=Pe.useState(se),[J,ve]=Pe.useState(false),[w,be]=Pe.useState("title"),[N,Q]=Pe.useState(true),[v,W]=Pe.useState(false),[he,Y]=Pe.useState(false),[C,xe]=Pe.useState(false),[Z,R]=Pe.useState(true),[K,ee]=Pe.useState(false),[O,te]=Pe.useState(null),d=Pe.useRef(null),z=Pe.useRef(null),x=Pe.useRef(void 0),ne=Pe.useRef(false),c=r[f],ge=Pe__default.default.useMemo(()=>{let e=r.map((n,a)=>({media:n,originalIndex:a}));return e.sort((n,a)=>{let m=ze[w](n.media,a.media);return N?m:-m}),e},[r,w,N]);Pe.useEffect(()=>{let e=d.current;if(!e)return;ee(true),e.src=c.src,c.poster&&(e.poster=c.poster),e.load();let n=()=>{ee(false),l&&e.play().catch(()=>{});};return e.addEventListener("loadeddata",n,{once:true}),()=>e.removeEventListener("loadeddata",n)},[f,c.src]),Pe.useEffect(()=>{if(!M||ne.current)return;let e=d.current;if(!e)return;let n=()=>{ne.current=true,y(true),e.play().catch(()=>{});};return e.addEventListener("canplaythrough",n,{once:true}),()=>e.removeEventListener("canplaythrough",n)},[M]),Pe.useEffect(()=>{let e=d.current;e&&(l?e.play().catch(()=>{}):e.pause(),oe?.(l));},[l]),Pe.useEffect(()=>{let e=d.current;e&&(e.volume=k?0:S);},[S,k]),Pe.useEffect(()=>{let e=d.current;if(!e)return;let n=()=>H(e.currentTime),a=()=>ue(e.duration),m=()=>{e.buffered.length>0&&me(e.buffered.end(e.buffered.length-1));},ae=()=>{A?(e.currentTime=0,e.play().catch(()=>{})):D();};return e.addEventListener("timeupdate",n),e.addEventListener("loadedmetadata",a),e.addEventListener("progress",m),e.addEventListener("ended",ae),()=>{e.removeEventListener("timeupdate",n),e.removeEventListener("loadedmetadata",a),e.removeEventListener("progress",m),e.removeEventListener("ended",ae);}},[f,r.length,A]);let B=Pe.useCallback(()=>{R(true),x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{l&&R(false);},3e3);},[l]);Pe.useEffect(()=>{l?B():(R(true),x.current&&clearTimeout(x.current));},[l,B]),Pe.useEffect(()=>()=>{x.current&&clearTimeout(x.current);},[]);let g=Pe.useCallback(e=>{let n=(e%r.length+r.length)%r.length;ie(n),H(0),y(true),q?.(n,r[n]);},[r,q]),D=Pe.useCallback(()=>{if(P){let e;do e=Math.floor(Math.random()*r.length);while(e===f&&r.length>1);g(e);}else g(f+1);},[g,f,P,r.length]),I=Pe.useCallback(()=>{if(P){let e;do e=Math.floor(Math.random()*r.length);while(e===f&&r.length>1);g(e);}else g(f-1);},[g,f,P,r.length]),ye=Pe.useCallback(e=>{let n=e.currentTarget.getBoundingClientRect(),m=Math.max(0,Math.min(1,(e.clientX-n.left)/n.width))*u;d.current&&(d.current.currentTime=m),H(m);},[u]),ke=Pe.useCallback(e=>{let n=e.currentTarget.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e.clientX-n.left)/n.width));te(a*u);},[u]),X=Pe.useCallback(()=>{z.current&&(document.fullscreenElement?document.exitFullscreen():z.current.requestFullscreen());},[]);Pe.useEffect(()=>{let e=()=>xe(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]);let T=Pe.useCallback(()=>{v?(Y(true),setTimeout(()=>{W(false),Y(false);},500)):W(true);},[v]),_=Pe.useCallback(()=>{ve(e=>!e);},[]),we=Pe.useCallback(()=>{let e=["title","type","duration"],n=e.indexOf(w);N?Q(false):(Q(true),be(e[(n+1)%e.length]));},[w,N]);Pe.useEffect(()=>{let e=n=>{if(!(n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement))switch(n.key){case " ":case "k":n.preventDefault(),y(a=>!a);break;case "f":n.preventDefault(),X();break;case "t":n.preventDefault(),T();break;case "ArrowLeft":n.preventDefault(),d.current&&(d.current.currentTime=Math.max(0,E-5));break;case "ArrowRight":n.preventDefault(),d.current&&(d.current.currentTime=Math.min(u,E+5));break;case "ArrowUp":n.preventDefault(),V(a=>Math.min(1,a+.05));break;case "ArrowDown":n.preventDefault(),V(a=>Math.max(0,a-.05));break;case "Escape":v&&T();break;case "n":n.preventDefault(),D();break;case "p":n.preventDefault(),I();break;case "l":n.preventDefault(),_();break}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[X,T,_,D,I,E,u,v]);let re=u>0?E/u*100:0,Ne=u>0?de/u*100:0,$="text-(--accent)",Ce=jsxRuntime.jsxs("div",{ref:z,className:i("group flex overflow-hidden",C?"h-full w-full":"aspect-video w-full",!C&&"rounded-xl",!C&&l&&"shadow-2xl",!C&&!l&&"animate-[cp-glow-pulse_4s_ease-in-out_infinite] will-change-[box-shadow]",ce),style:{"--accent":le,background:"var(--cp-bg)"},tabIndex:0,children:[jsxRuntime.jsxs("div",{className:i("relative flex-1 min-w-0 h-full overflow-hidden",K&&"animate-[cp-track-transition_0.6s_ease-out]"),onMouseMove:B,onMouseLeave:()=>{l&&R(false);},children:[jsxRuntime.jsx("video",{ref:d,className:"h-full w-full object-contain",poster:c.poster,playsInline:true,preload:"metadata",onClick:()=>y(e=>!e)}),!l&&!K&&jsxRuntime.jsx("div",{className:"absolute inset-0 flex cursor-pointer items-center justify-center",style:{background:"var(--cp-overlay)"},onClick:()=>y(true),children:jsxRuntime.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:jsxRuntime.jsx(lucideReact.Play,{className:"h-10 w-10 translate-x-0.5",fill:"currentColor",style:{color:"var(--cp-text-strong)"}})})}),K&&jsxRuntime.jsx("div",{className:"absolute left-6 top-6 z-20 animate-[fade-in_0.4s_ease-out]",children:jsxRuntime.jsxs("div",{className:"rounded-lg px-4 py-2 backdrop-blur-md",style:{background:"var(--cp-panel-bg)"},children:[jsxRuntime.jsx("div",{className:"text-sm font-semibold",style:{color:"var(--cp-text-strong)"},children:c.title}),c.subtitle&&jsxRuntime.jsx("div",{className:"text-xs",style:{color:"var(--cp-text-muted)"},children:c.subtitle})]})}),jsxRuntime.jsx("div",{className:i("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",Z?"opacity-100":"pointer-events-none opacity-0"),children:jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("h3",{className:"text-sm font-semibold drop-shadow-md",style:{color:"var(--cp-text-strong)"},children:c.title}),c.subtitle&&jsxRuntime.jsx("p",{className:"text-xs",style:{color:"var(--cp-text-muted)"},children:c.subtitle})]}),c.type&&jsxRuntime.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:c.type})]})}),jsxRuntime.jsxs("div",{className:i("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",Z?"translate-y-0 opacity-100":"pointer-events-none translate-y-2 opacity-0"),children:[jsxRuntime.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:ye,onMouseMove:ke,onMouseLeave:()=>te(null),children:[jsxRuntime.jsx("div",{className:"absolute inset-y-0 left-0 rounded-full",style:{width:`${Ne}%`,background:"var(--cp-seek-buffer)"}}),jsxRuntime.jsx("div",{className:"absolute inset-y-0 left-0 rounded-full bg-(--accent) transition-[width] duration-100",style:{width:`${re}%`}}),O!==null&&jsxRuntime.jsx("div",{className:"absolute -top-8 -translate-x-1/2 rounded px-2 py-0.5 text-[10px] font-mono",style:{left:`${O/u*100}%`,background:"var(--cp-panel-bg)",color:"var(--cp-text-strong)"},children:j(O)}),jsxRuntime.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(${re}% - 7px)`}})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[jsxRuntime.jsx("button",{className:"cp-btn",onClick:()=>y(e=>!e),title:l?"Pause (k)":"Play (k)",children:l?jsxRuntime.jsx(lucideReact.Pause,{className:"h-5 w-5",fill:"currentColor"}):jsxRuntime.jsx(lucideReact.Play,{className:"h-5 w-5 translate-x-px",fill:"currentColor"})}),jsxRuntime.jsx("button",{className:"cp-btn",onClick:I,title:"Previous (p)",children:jsxRuntime.jsx(lucideReact.SkipBack,{className:"h-4 w-4",fill:"currentColor"})}),jsxRuntime.jsx("button",{className:"cp-btn",onClick:D,title:"Next (n)",children:jsxRuntime.jsx(lucideReact.SkipForward,{className:"h-4 w-4",fill:"currentColor"})}),jsxRuntime.jsxs("div",{className:"group/vol ml-1 flex items-center",children:[jsxRuntime.jsx("button",{className:"cp-btn",onClick:()=>G(e=>!e),title:k?"Unmute":"Mute",children:k||S===0?jsxRuntime.jsx(lucideReact.VolumeX,{className:"h-4 w-4"}):jsxRuntime.jsx(lucideReact.Volume2,{className:"h-4 w-4"})}),jsxRuntime.jsx("div",{className:"flex w-0 items-center overflow-hidden transition-all duration-300 group-hover/vol:w-20",children:jsxRuntime.jsx("input",{type:"range",min:0,max:1,step:.01,value:k?0:S,onChange:e=>{V(Number(e.target.value)),k&&G(false);},className:"h-1 w-full cursor-pointer appearance-none rounded-full accent-(--accent)",style:{background:"var(--cp-seek-track)"}})})]}),jsxRuntime.jsxs("span",{className:"ml-2 min-w-0 shrink-0 font-mono text-xs",style:{color:"var(--cp-text-muted)"},children:[j(E)," / ",j(u)]}),jsxRuntime.jsx("div",{className:"flex-1"}),jsxRuntime.jsx("button",{className:i("cp-btn",P&&$),onClick:()=>pe(e=>!e),title:"Shuffle",children:jsxRuntime.jsx(lucideReact.Shuffle,{className:"h-4 w-4"})}),jsxRuntime.jsx("button",{className:i("cp-btn",A&&$),onClick:()=>fe(e=>!e),title:"Loop",children:jsxRuntime.jsx(lucideReact.Repeat1,{className:"h-4 w-4"})}),jsxRuntime.jsx("button",{className:i("cp-btn",J&&$),onClick:_,title:"Playlist",children:jsxRuntime.jsx(lucideReact.ListVideo,{className:"h-4 w-4"})}),jsxRuntime.jsx("button",{className:i("cp-btn",v&&$),onClick:T,title:"Cinema mode (t)",children:jsxRuntime.jsx(lucideReact.Theater,{className:"h-4 w-4"})}),jsxRuntime.jsx("button",{className:"cp-btn",onClick:X,title:"Fullscreen (f)",children:C?jsxRuntime.jsx(lucideReact.Minimize,{className:"h-4 w-4"}):jsxRuntime.jsx(lucideReact.Maximize,{className:"h-4 w-4"})})]})]})]}),jsxRuntime.jsx("div",{className:i("h-full shrink-0 overflow-hidden transition-[width] duration-300 ease-out",J?"w-72":"w-0"),children:jsxRuntime.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:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between px-4 py-3",style:{borderBottom:"1px solid var(--cp-border)"},children:[jsxRuntime.jsx("span",{className:"text-xs font-semibold uppercase tracking-wider",style:{color:"var(--cp-text)"},children:"Playlist"}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[jsxRuntime.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:we,title:`Sort: ${w} ${N?"\u2191":"\u2193"}`,children:[jsxRuntime.jsx(lucideReact.ArrowUpDown,{className:"h-3 w-3"}),w,N?" \u2191":" \u2193"]}),jsxRuntime.jsx("button",{className:"cp-btn p-1!",onClick:_,title:"Close",children:jsxRuntime.jsx(lucideReact.X,{className:"h-3.5 w-3.5"})})]})]}),jsxRuntime.jsx("div",{className:"flex-1 overflow-y-auto",children:ge.map(({media:e,originalIndex:n})=>{let a=n===f;return jsxRuntime.jsxs("button",{className:i("flex w-full items-center gap-3 px-4 py-2.5 text-left transition-all duration-200",a?"bg-(--accent)/20 text-(--accent)":"hover:text-(--cp-text-strong)"),style:a?void 0:{color:"var(--cp-text)"},onClick:()=>{g(n);},children:[jsxRuntime.jsxs("div",{className:"relative h-10 w-16 shrink-0 overflow-hidden rounded",style:{background:"var(--cp-surface)"},children:[e.poster?jsxRuntime.jsx("img",{src:e.poster,alt:"",className:"h-full w-full object-cover",draggable:false}):jsxRuntime.jsx("div",{className:"flex h-full w-full items-center justify-center",children:jsxRuntime.jsx(lucideReact.Play,{className:"h-4 w-4",style:{color:"var(--cp-seek-track)"}})}),a&&l&&jsxRuntime.jsx("div",{className:"absolute inset-0 flex items-center justify-center",style:{background:"var(--cp-overlay)"},children:jsxRuntime.jsx("div",{className:"flex items-end gap-px",children:[1,2,3,4].map(m=>jsxRuntime.jsx("div",{className:"w-0.5 rounded-full bg-(--accent)",style:{height:`${6+m*3}px`,animation:`mp-eq-bar ${.3+m*.12}s ease-in-out infinite alternate`}},m))})})]}),jsxRuntime.jsxs("div",{className:"min-w-0 flex-1",children:[jsxRuntime.jsx("div",{className:"truncate text-xs font-medium",children:e.title}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[e.type&&jsxRuntime.jsx("span",{className:"text-[10px] uppercase tracking-wide opacity-50",children:e.type}),e.duration!=null&&jsxRuntime.jsx("span",{className:"font-mono text-[10px] opacity-40",children:j(e.duration)})]})]}),a&&jsxRuntime.jsx(lucideReact.ChevronRight,{className:"h-3.5 w-3.5 shrink-0 text-(--accent)"})]},n)})})]})}),jsxRuntime.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 jsxRuntime.jsx("div",{className:i(v&&"fixed inset-0 z-100 flex items-center justify-center p-8",v&&(he?"animate-[cp-cinema-out_0.5s_ease-in_both]":"animate-[cp-cinema-in_0.5s_ease-out_both]")),onClick:v?e=>{e.target===e.currentTarget&&T();}:void 0,children:jsxRuntime.jsx("div",{className:i(v&&"w-full",v&&!C&&"max-w-5xl"),children:Ce})})}exports.CinePlayer=Je;

package/dist/Extras/CinePlayer.d.cts

@@ -0,0 +1,4 @@
+export { CinePlayer_alias_3 as CinePlayer } from '../_tsup-dts-rollup.cjs';
+export { CinePlayerMedia_alias_2 as CinePlayerMedia } from '../_tsup-dts-rollup.cjs';
+export { CinePlayerSortKey_alias_2 as CinePlayerSortKey } from '../_tsup-dts-rollup.cjs';
+export { CinePlayerProps_alias_2 as CinePlayerProps } from '../_tsup-dts-rollup.cjs';

package/dist/Extras/CinePlayer.d.ts

@@ -0,0 +1,4 @@
+export { CinePlayer_alias_3 as CinePlayer } from '../_tsup-dts-rollup.js';
+export { CinePlayerMedia_alias_2 as CinePlayerMedia } from '../_tsup-dts-rollup.js';
+export { CinePlayerSortKey_alias_2 as CinePlayerSortKey } from '../_tsup-dts-rollup.js';
+export { CinePlayerProps_alias_2 as CinePlayerProps } from '../_tsup-dts-rollup.js';

package/dist/Extras/CinePlayer.js

@@ -0,0 +1,17 @@
+import Pe,{useState,useRef,useEffect,useCallback}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Play,Pause,SkipBack,SkipForward,VolumeX,Volume2,Shuffle,Repeat1,ListVideo,Theater,Minimize,Maximize,ArrowUpDown,X,ChevronRight}from'lucide-react';import {jsxs,jsx}from'react/jsx-runtime';function i(...r){return twMerge(clsx(r))}function j(r){if(!isFinite(r)||r<0)return "0:00";let p=Math.floor(r/3600),M=Math.floor(r%3600/60),L=Math.floor(r%60);return p>0?`${p}:${M.toString().padStart(2,"0")}:${L.toString().padStart(2,"0")}`:`${M}:${L.toString().padStart(2,"0")}`}var ze={title:(r,p)=>r.title.localeCompare(p.title),type:(r,p)=>(r.type??"").localeCompare(p.type??""),duration:(r,p)=>(r.duration??0)-(p.duration??0)};function Je({playlist:r,initialTrack:p=0,autoPlay:M=false,shuffle:L=false,loop:se=false,onTrackChange:q,onPlayChange:oe,accent:le="#8b5cf6",className:ce}){let[f,ie]=useState(p),[l,y]=useState(false),[E,H]=useState(0),[u,ue]=useState(0),[de,me]=useState(0),[S,V]=useState(.8),[k,G]=useState(false),[P,pe]=useState(L),[A,fe]=useState(se),[J,ve]=useState(false),[w,be]=useState("title"),[N,Q]=useState(true),[v,W]=useState(false),[he,Y]=useState(false),[C,xe]=useState(false),[Z,R]=useState(true),[K,ee]=useState(false),[O,te]=useState(null),d=useRef(null),z=useRef(null),x=useRef(void 0),ne=useRef(false),c=r[f],ge=Pe.useMemo(()=>{let e=r.map((n,a)=>({media:n,originalIndex:a}));return e.sort((n,a)=>{let m=ze[w](n.media,a.media);return N?m:-m}),e},[r,w,N]);useEffect(()=>{let e=d.current;if(!e)return;ee(true),e.src=c.src,c.poster&&(e.poster=c.poster),e.load();let n=()=>{ee(false),l&&e.play().catch(()=>{});};return e.addEventListener("loadeddata",n,{once:true}),()=>e.removeEventListener("loadeddata",n)},[f,c.src]),useEffect(()=>{if(!M||ne.current)return;let e=d.current;if(!e)return;let n=()=>{ne.current=true,y(true),e.play().catch(()=>{});};return e.addEventListener("canplaythrough",n,{once:true}),()=>e.removeEventListener("canplaythrough",n)},[M]),useEffect(()=>{let e=d.current;e&&(l?e.play().catch(()=>{}):e.pause(),oe?.(l));},[l]),useEffect(()=>{let e=d.current;e&&(e.volume=k?0:S);},[S,k]),useEffect(()=>{let e=d.current;if(!e)return;let n=()=>H(e.currentTime),a=()=>ue(e.duration),m=()=>{e.buffered.length>0&&me(e.buffered.end(e.buffered.length-1));},ae=()=>{A?(e.currentTime=0,e.play().catch(()=>{})):D();};return e.addEventListener("timeupdate",n),e.addEventListener("loadedmetadata",a),e.addEventListener("progress",m),e.addEventListener("ended",ae),()=>{e.removeEventListener("timeupdate",n),e.removeEventListener("loadedmetadata",a),e.removeEventListener("progress",m),e.removeEventListener("ended",ae);}},[f,r.length,A]);let B=useCallback(()=>{R(true),x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{l&&R(false);},3e3);},[l]);useEffect(()=>{l?B():(R(true),x.current&&clearTimeout(x.current));},[l,B]),useEffect(()=>()=>{x.current&&clearTimeout(x.current);},[]);let g=useCallback(e=>{let n=(e%r.length+r.length)%r.length;ie(n),H(0),y(true),q?.(n,r[n]);},[r,q]),D=useCallback(()=>{if(P){let e;do e=Math.floor(Math.random()*r.length);while(e===f&&r.length>1);g(e);}else g(f+1);},[g,f,P,r.length]),I=useCallback(()=>{if(P){let e;do e=Math.floor(Math.random()*r.length);while(e===f&&r.length>1);g(e);}else g(f-1);},[g,f,P,r.length]),ye=useCallback(e=>{let n=e.currentTarget.getBoundingClientRect(),m=Math.max(0,Math.min(1,(e.clientX-n.left)/n.width))*u;d.current&&(d.current.currentTime=m),H(m);},[u]),ke=useCallback(e=>{let n=e.currentTarget.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e.clientX-n.left)/n.width));te(a*u);},[u]),X$1=useCallback(()=>{z.current&&(document.fullscreenElement?document.exitFullscreen():z.current.requestFullscreen());},[]);useEffect(()=>{let e=()=>xe(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]);let T=useCallback(()=>{v?(Y(true),setTimeout(()=>{W(false),Y(false);},500)):W(true);},[v]),_=useCallback(()=>{ve(e=>!e);},[]),we=useCallback(()=>{let e=["title","type","duration"],n=e.indexOf(w);N?Q(false):(Q(true),be(e[(n+1)%e.length]));},[w,N]);useEffect(()=>{let e=n=>{if(!(n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement))switch(n.key){case " ":case "k":n.preventDefault(),y(a=>!a);break;case "f":n.preventDefault(),X$1();break;case "t":n.preventDefault(),T();break;case "ArrowLeft":n.preventDefault(),d.current&&(d.current.currentTime=Math.max(0,E-5));break;case "ArrowRight":n.preventDefault(),d.current&&(d.current.currentTime=Math.min(u,E+5));break;case "ArrowUp":n.preventDefault(),V(a=>Math.min(1,a+.05));break;case "ArrowDown":n.preventDefault(),V(a=>Math.max(0,a-.05));break;case "Escape":v&&T();break;case "n":n.preventDefault(),D();break;case "p":n.preventDefault(),I();break;case "l":n.preventDefault(),_();break}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[X$1,T,_,D,I,E,u,v]);let re=u>0?E/u*100:0,Ne=u>0?de/u*100:0,$="text-(--accent)",Ce=jsxs("div",{ref:z,className:i("group flex overflow-hidden",C?"h-full w-full":"aspect-video w-full",!C&&"rounded-xl",!C&&l&&"shadow-2xl",!C&&!l&&"animate-[cp-glow-pulse_4s_ease-in-out_infinite] will-change-[box-shadow]",ce),style:{"--accent":le,background:"var(--cp-bg)"},tabIndex:0,children:[jsxs("div",{className:i("relative flex-1 min-w-0 h-full overflow-hidden",K&&"animate-[cp-track-transition_0.6s_ease-out]"),onMouseMove:B,onMouseLeave:()=>{l&&R(false);},children:[jsx("video",{ref:d,className:"h-full w-full object-contain",poster:c.poster,playsInline:true,preload:"metadata",onClick:()=>y(e=>!e)}),!l&&!K&&jsx("div",{className:"absolute inset-0 flex cursor-pointer items-center justify-center",style:{background:"var(--cp-overlay)"},onClick:()=>y(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)"}})})}),K&&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:c.title}),c.subtitle&&jsx("div",{className:"text-xs",style:{color:"var(--cp-text-muted)"},children:c.subtitle})]})}),jsx("div",{className:i("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",Z?"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:c.title}),c.subtitle&&jsx("p",{className:"text-xs",style:{color:"var(--cp-text-muted)"},children:c.subtitle})]}),c.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:c.type})]})}),jsxs("div",{className:i("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",Z?"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:ye,onMouseMove:ke,onMouseLeave:()=>te(null),children:[jsx("div",{className:"absolute inset-y-0 left-0 rounded-full",style:{width:`${Ne}%`,background:"var(--cp-seek-buffer)"}}),jsx("div",{className:"absolute inset-y-0 left-0 rounded-full bg-(--accent) transition-[width] duration-100",style:{width:`${re}%`}}),O!==null&&jsx("div",{className:"absolute -top-8 -translate-x-1/2 rounded px-2 py-0.5 text-[10px] font-mono",style:{left:`${O/u*100}%`,background:"var(--cp-panel-bg)",color:"var(--cp-text-strong)"},children:j(O)}),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(${re}% - 7px)`}})]}),jsxs("div",{className:"flex items-center gap-1",children:[jsx("button",{className:"cp-btn",onClick:()=>y(e=>!e),title:l?"Pause (k)":"Play (k)",children:l?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:I,title:"Previous (p)",children:jsx(SkipBack,{className:"h-4 w-4",fill:"currentColor"})}),jsx("button",{className:"cp-btn",onClick:D,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:()=>G(e=>!e),title:k?"Unmute":"Mute",children:k||S===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:k?0:S,onChange:e=>{V(Number(e.target.value)),k&&G(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:[j(E)," / ",j(u)]}),jsx("div",{className:"flex-1"}),jsx("button",{className:i("cp-btn",P&&$),onClick:()=>pe(e=>!e),title:"Shuffle",children:jsx(Shuffle,{className:"h-4 w-4"})}),jsx("button",{className:i("cp-btn",A&&$),onClick:()=>fe(e=>!e),title:"Loop",children:jsx(Repeat1,{className:"h-4 w-4"})}),jsx("button",{className:i("cp-btn",J&&$),onClick:_,title:"Playlist",children:jsx(ListVideo,{className:"h-4 w-4"})}),jsx("button",{className:i("cp-btn",v&&$),onClick:T,title:"Cinema mode (t)",children:jsx(Theater,{className:"h-4 w-4"})}),jsx("button",{className:"cp-btn",onClick:X$1,title:"Fullscreen (f)",children:C?jsx(Minimize,{className:"h-4 w-4"}):jsx(Maximize,{className:"h-4 w-4"})})]})]})]}),jsx("div",{className:i("h-full shrink-0 overflow-hidden transition-[width] duration-300 ease-out",J?"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:we,title:`Sort: ${w} ${N?"\u2191":"\u2193"}`,children:[jsx(ArrowUpDown,{className:"h-3 w-3"}),w,N?" \u2191":" \u2193"]}),jsx("button",{className:"cp-btn p-1!",onClick:_,title:"Close",children:jsx(X,{className:"h-3.5 w-3.5"})})]})]}),jsx("div",{className:"flex-1 overflow-y-auto",children:ge.map(({media:e,originalIndex:n})=>{let a=n===f;return jsxs("button",{className:i("flex w-full items-center gap-3 px-4 py-2.5 text-left transition-all duration-200",a?"bg-(--accent)/20 text-(--accent)":"hover:text-(--cp-text-strong)"),style:a?void 0:{color:"var(--cp-text)"},onClick:()=>{g(n);},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)"}})}),a&&l&&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(m=>jsx("div",{className:"w-0.5 rounded-full bg-(--accent)",style:{height:`${6+m*3}px`,animation:`mp-eq-bar ${.3+m*.12}s ease-in-out infinite alternate`}},m))})})]}),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:j(e.duration)})]})]}),a&&jsx(ChevronRight,{className:"h-3.5 w-3.5 shrink-0 text-(--accent)"})]},n)})})]})}),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:i(v&&"fixed inset-0 z-100 flex items-center justify-center p-8",v&&(he?"animate-[cp-cinema-out_0.5s_ease-in_both]":"animate-[cp-cinema-in_0.5s_ease-out_both]")),onClick:v?e=>{e.target===e.currentTarget&&T();}:void 0,children:jsx("div",{className:i(v&&"w-full",v&&!C&&"max-w-5xl"),children:Ce})})}export{Je as CinePlayer};

package/dist/Extras/FileExplorer.cjs

@@ -0,0 +1,55 @@
+'use strict';var je=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactDom=require('react-dom'),lucideReact=require('lucide-react'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var je__default=/*#__PURE__*/_interopDefault(je);function c(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var be=classVarianceAuthority.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"}});classVarianceAuthority.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 N=[];function pt(r){N.push(r);}function ft(r){let a=N.indexOf(r);a!==-1&&N.splice(a,1);}function he(r){return N.length>0&&N[N.length-1]===r}function gt(r){let a=N.indexOf(r);return a!==-1?a:N.length}var Te=je.createContext(null);function Re({open:r,onOpenChange:a,modal:m=true,closeOnOutsideClick:v=false,children:L}){let d=je.useId();return je.useEffect(()=>{if(r)return pt(d),()=>ft(d)},[r,d]),je.useEffect(()=>{if(!r||!m)return;let z=S=>{S.key==="Escape"&&he(d)&&a(false);};return document.addEventListener("keydown",z),()=>document.removeEventListener("keydown",z)},[r,m,a,d]),je.useEffect(()=>{if(!r||!m)return;let z=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=z;}},[r,m]),r?jsxRuntime.jsx(Te.Provider,{value:{id:d,onOpenChange:a,modal:m,closeOnOutsideClick:v},children:reactDom.createPortal(L,document.body)}):null}function _e({size:r,position:a="center",className:m,children:v,...L}){let d=je.useContext(Te);if(!d)return null;let S=200+gt(d.id)*10,B=()=>{d.closeOnOutsideClick&&he(d.id)&&d.onOpenChange(false);},M=a==="bottom";return d.modal?jsxRuntime.jsx("div",{className:c("animate-fade-in fixed inset-0 bg-black/50",M?"flex items-end justify-center":"flex items-center justify-center p-4"),style:{zIndex:S},onClick:B,children:jsxRuntime.jsx("div",{className:c(be({size:r}),M?"animate-slide-in-bottom w-full rounded-b-none rounded-t-(--dialog-sheet-radius) max-h-[85vh] overflow-y-auto":"animate-scale-in",m),role:"dialog","aria-modal":"true",onClick:T=>T.stopPropagation(),...L,children:v})}):jsxRuntime.jsx("div",{className:c("fixed inset-0 flex items-center justify-center p-4",d.closeOnOutsideClick?"pointer-events-auto":"pointer-events-none"),style:{zIndex:S},onClick:d.closeOnOutsideClick&&he(d.id)?()=>d.onOpenChange(false):void 0,children:jsxRuntime.jsx("div",{className:c(be({size:r}),"animate-scale-in pointer-events-auto shadow-2xl",m),role:"dialog",onClick:d.closeOnOutsideClick?T=>T.stopPropagation():void 0,...L,children:v})})}function Ie({className:r,...a}){return jsxRuntime.jsx("div",{className:c("mb-4 space-y-1",r),...a})}function Ae({className:r,...a}){return jsxRuntime.jsx("h2",{className:c("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",r),...a})}function Oe({className:r,...a}){return jsxRuntime.jsx("p",{className:c("text-primary-500 dark:text-primary-400 text-sm",r),...a})}function He({className:r,...a}){return jsxRuntime.jsx("div",{className:c("mt-6 flex justify-end gap-2",r),...a})}var Pe=classVarianceAuthority.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"}});classVarianceAuthority.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"}});classVarianceAuthority.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"}});classVarianceAuthority.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"}});classVarianceAuthority.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"}});classVarianceAuthority.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"}});classVarianceAuthority.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"}});classVarianceAuthority.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 ye({intent:r,size:a,className:m,...v}){return jsxRuntime.jsx("button",{className:c(Pe({intent:r,size:a}),m),...v})}function re(r){let a=r.lastIndexOf(".");return a>0?r.slice(a).toLowerCase():""}function Ke(r){return r==null?"\u2014":r<1024?`${r} B`:r<1024*1024?`${(r/1024).toFixed(1)} KB`:r<1024*1024*1024?`${(r/(1024*1024)).toFixed(1)} MB`:`${(r/(1024*1024*1024)).toFixed(2)} GB`}function Ne(r){return r?(typeof r=="string"?new Date(r):r).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"\u2014"}var Ft={".png":lucideReact.Image,".jpg":lucideReact.Image,".jpeg":lucideReact.Image,".gif":lucideReact.Image,".svg":lucideReact.Image,".webp":lucideReact.Image,".ico":lucideReact.Image,".bmp":lucideReact.Image,".mp3":lucideReact.Music,".wav":lucideReact.Music,".flac":lucideReact.Music,".ogg":lucideReact.Music,".aac":lucideReact.Music,".m4a":lucideReact.Music,".mp4":lucideReact.Video,".mkv":lucideReact.Video,".avi":lucideReact.Video,".mov":lucideReact.Video,".wmv":lucideReact.Video,".webm":lucideReact.Video,".ts":lucideReact.FileCode,".tsx":lucideReact.FileCode,".js":lucideReact.FileCode,".jsx":lucideReact.FileCode,".json":lucideReact.FileCode,".html":lucideReact.FileCode,".css":lucideReact.FileCode,".scss":lucideReact.FileCode,".py":lucideReact.FileCode,".rs":lucideReact.FileCode,".go":lucideReact.FileCode,".java":lucideReact.FileCode,".c":lucideReact.FileCode,".cpp":lucideReact.FileCode,".h":lucideReact.FileCode,".sh":lucideReact.Terminal,".bat":lucideReact.Terminal,".ps1":lucideReact.Terminal,".md":lucideReact.FileText,".txt":lucideReact.FileText,".pdf":lucideReact.FileText,".doc":lucideReact.FileText,".docx":lucideReact.FileText,".rtf":lucideReact.FileText,".csv":lucideReact.FileSpreadsheet,".xls":lucideReact.FileSpreadsheet,".xlsx":lucideReact.FileSpreadsheet,".db":lucideReact.Database,".sqlite":lucideReact.Database,".sql":lucideReact.Database,".zip":lucideReact.FileArchive,".tar":lucideReact.FileArchive,".gz":lucideReact.FileArchive,".rar":lucideReact.FileArchive,".7z":lucideReact.FileArchive};function Ce(r){if(r.type==="directory")return lucideReact.Folder;let a=r.extension||re(r.name);return Ft[a]||lucideReact.File}function $e(r,a,m){return Math.max(a,Math.min(m,r))}function gr({files:r,title:a="File Explorer",accent:m="#8b5cf6",defaultView:v="list",initialPosition:L,initialSize:d,dockable:z=false,dockSide:S="right",visible:B=true,onFileOpen:M,onSelectionChange:T,onNavigate:Q,onDelete:ne,onClose:qe,onMinimize:De,onPathSubmit:ze,defaultInputMode:Ge="search",actions:Ue,resizable:Qe=true,minSize:X={width:400,height:300},className:We}){let[ae,Je]=je.useState(v),[f,K]=je.useState(new Set),[Me,W]=je.useState(null),[u,se]=je.useState(false),[$,oe]=je.useState(false),[E,Ze]=je.useState(""),[V,et]=je.useState(Ge),[tt,rt]=je.useState(B),[nt,J]=je.useState(false),ie=d??{width:720,height:520},[h,Z]=je.useState(L??{x:Math.max(0,Math.round((window.innerWidth-ie.width)/2)),y:Math.max(0,Math.round((window.innerHeight-ie.height)/2))}),[F,le]=je.useState(ie),[w,at]=je.useState(null),ce=je.useRef(false),de=je.useRef({x:0,y:0}),ue=je.useRef(null),Y=je.useRef(false),ee=je.useRef({x:0,y:0,w:0,h:0,px:0,py:0}),me=B!==void 0?B:tt,pe=je.useMemo(()=>{let e=r.filter(l=>l.type==="directory"),n=r.filter(l=>l.type==="file");return e.sort((l,o)=>l.name.localeCompare(o.name)),n.sort((l,o)=>l.name.localeCompare(o.name)),[...e,...n]},[r]),g=je.useMemo(()=>{if(V!=="search"||!E.trim())return pe;let e=E.toLowerCase();return pe.filter(n=>n.name.toLowerCase().includes(e))},[pe,E,V]),i=Me!=null?g[Me]:null,Ee=je.useCallback((e,n)=>{K(l=>{let o=new Set(l);return n.ctrlKey||n.metaKey?o.has(e)?o.delete(e):o.add(e):(o.clear(),o.add(e)),o}),W(e);},[]);je.useEffect(()=>{if(!T)return;let e=Array.from(f).map(n=>g[n]).filter(Boolean);T(e);},[f]);let Ve=je.useCallback(e=>{let n=g[e];n&&(n.type==="directory"?Q?.(n.path):M?.(n));},[g,M,Q]),st=je.useCallback(e=>{u||e.target.closest("button")||(ce.current=true,de.current={x:e.clientX-h.x,y:e.clientY-h.y},e.preventDefault());},[h,u]);je.useEffect(()=>{let e=l=>{if(!ce.current)return;let o=window.innerWidth-100,b=window.innerHeight-40;Z({x:$e(l.clientX-de.current.x,0,o),y:$e(l.clientY-de.current.y,0,b)});},n=()=>{ce.current=false,Y.current=false,document.body.style.cursor="",document.body.style.userSelect="";};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",n),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",n);}},[]);let k=je.useCallback((e,n)=>{u||(n.preventDefault(),n.stopPropagation(),Y.current=e,ee.current={x:n.clientX,y:n.clientY,w:F.width,h:F.height,px:h.x,py:h.y},document.body.style.cursor=e==="e"||e==="w"?"ew-resize":e==="n"||e==="s"?"ns-resize":e==="nw"||e==="se"?"nwse-resize":"nesw-resize",document.body.style.userSelect="none");},[u,F,h]);je.useEffect(()=>{let e=l=>{if(!Y.current)return;let o=Y.current,b=l.clientX-ee.current.x,R=l.clientY-ee.current.y,{w:_,h:I,px:fe,py:ge}=ee.current;if(o.includes("e")&&(_=Math.max(X.width,_+b)),o.includes("w")){let q=Math.max(X.width,_-b);fe=fe+(_-q),_=q;}if(o.includes("s")&&(I=Math.max(X.height,I+R)),o.includes("n")){let q=Math.max(X.height,I-R);ge=ge+(I-q),I=q;}le({width:_,height:I}),Z({x:fe,y:ge});},n=()=>{Y.current=false,document.body.style.cursor="",document.body.style.userSelect="";};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",n),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",n);}},[X]);let Fe=je.useCallback(()=>{u?(w&&(Z(w.pos),le(w.size)),se(false)):(at({pos:h,size:F}),se(true));},[u,h,F,w]),ot=je.useCallback(()=>{$?oe(false):(u&&(se(false),w&&(Z(w.pos),le(w.size))),oe(true),De?.());},[$,u,w,De]);je.useEffect(()=>{if(!me||$)return;let e=n=>{if(!(!ue.current?.contains(document.activeElement)&&document.activeElement!==ue.current)){if(n.key==="Escape"&&(W(null),K(new Set)),n.ctrlKey&&n.key==="a"){n.preventDefault();let l=new Set(g.map((o,b)=>b));K(l);}n.key==="Delete"&&f.size>0&&ne&&(n.preventDefault(),J(true));}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[me,$,g,f,ne]);let Le={"--fe-accent":m};return $?jsxRuntime.jsx("div",{className:c("fixed z-100 cursor-pointer transition-all duration-300",S==="right"?"right-0 top-1/2 -translate-y-1/2":"left-0 top-1/2 -translate-y-1/2"),style:Le,onClick:()=>oe(false),title:`Restore ${a}`,children:jsxRuntime.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:[jsxRuntime.jsx(lucideReact.HardDrive,{className:"h-3.5 w-3.5 text-(--fe-accent)"}),jsxRuntime.jsx("span",{className:"text-[10px] font-bold uppercase tracking-widest text-(--fe-text)",children:a})]})}):me?jsxRuntime.jsxs("div",{ref:ue,className:c("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]",u&&"rounded-none",We),style:{...Le,left:u?0:h.x,top:u?0:h.y,width:u?"100vw":F.width,height:u?"100vh":F.height,transition:u?"left 0.3s, top 0.3s, width 0.3s, height 0.3s":void 0},tabIndex:0,children:[jsxRuntime.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:st,onDoubleClick:Fe,children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.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:jsxRuntime.jsx(lucideReact.HardDrive,{className:"h-3 w-3 text-(--fe-accent)"})}),jsxRuntime.jsx("span",{className:"text-xs font-bold uppercase tracking-widest text-(--fe-text)",children:a}),jsxRuntime.jsx("div",{className:"ml-2 hidden h-px w-20 md:block",style:{background:"linear-gradient(90deg, var(--fe-accent), transparent)",opacity:.3}})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-0.5",children:[jsxRuntime.jsx("button",{className:"fe-btn mr-1",onClick:()=>Je(e=>e==="list"?"grid":"list"),title:ae==="list"?"Grid view":"List view",children:ae==="list"?jsxRuntime.jsx(lucideReact.LayoutGrid,{className:"h-3.5 w-3.5"}):jsxRuntime.jsx(lucideReact.LayoutList,{className:"h-3.5 w-3.5"})}),z&&jsxRuntime.jsx("button",{className:"fe-btn",onClick:ot,title:"Dock to edge",children:jsxRuntime.jsx(lucideReact.Minus,{className:"h-3.5 w-3.5"})}),jsxRuntime.jsx("button",{className:"fe-btn",onClick:Fe,title:u?"Restore":"Maximize",children:u?jsxRuntime.jsx(lucideReact.Minimize2,{className:"h-3.5 w-3.5"}):jsxRuntime.jsx(lucideReact.Maximize2,{className:"h-3.5 w-3.5"})}),jsxRuntime.jsx("button",{className:"fe-btn hover:bg-red-500/40! hover:text-red-300!",onClick:()=>{qe?.(),rt(false);},title:"Close",children:jsxRuntime.jsx(lucideReact.X,{className:"h-3.5 w-3.5"})})]})]}),jsxRuntime.jsxs("div",{className:"fe-toolbar flex h-9 shrink-0 items-center gap-2 px-3",children:[jsxRuntime.jsx("button",{className:"fe-btn p-1",onClick:()=>Q?.(".."),title:"Go up",children:jsxRuntime.jsx(lucideReact.FolderUp,{className:"h-3.5 w-3.5"})}),jsxRuntime.jsx("button",{className:"fe-btn shrink-0 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wider",style:V==="navigate"?{color:"var(--fe-accent)",background:"color-mix(in srgb, var(--fe-accent) 15%, transparent)"}:void 0,onClick:()=>et(e=>e==="search"?"navigate":"search"),title:V==="search"?"Switch to path navigation":"Switch to file search",children:V==="search"?jsxRuntime.jsx(lucideReact.Search,{className:"h-3 w-3"}):jsxRuntime.jsx(lucideReact.CornerRightDown,{className:"h-3 w-3"})}),jsxRuntime.jsx("div",{className:"relative flex-1",children:jsxRuntime.jsx("input",{type:"text",value:E,onChange:e=>Ze(e.target.value),onKeyDown:e=>{e.key==="Enter"&&E.trim()&&V==="navigate"&&(ze?ze(E.trim()):Q?.(E.trim()));},placeholder:V==="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)"})}),jsxRuntime.jsxs("span",{className:"shrink-0 font-mono text-[10px] text-(--fe-text-muted)",children:[g.length," item",g.length!==1?"s":"",f.size>0&&` \xB7 ${f.size} selected`]})]}),jsxRuntime.jsxs("div",{className:"flex flex-1 min-h-0",children:[jsxRuntime.jsx("div",{className:"flex-1 overflow-y-auto overflow-x-hidden p-1.5",onClick:e=>{e.target===e.currentTarget&&(K(new Set),W(null));},children:g.length===0?jsxRuntime.jsxs("div",{className:"flex h-full flex-col items-center justify-center text-(--fe-text-muted)",children:[jsxRuntime.jsx(lucideReact.Folder,{className:"mb-2 h-10 w-10"}),jsxRuntime.jsx("span",{className:"text-xs",children:"No files found"})]}):ae==="list"?jsxRuntime.jsx("div",{className:"space-y-px",children:g.map((e,n)=>{let l=Ce(e),o=f.has(n),b=e.extension||re(e.name);return jsxRuntime.jsxs("div",{className:c("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",o?"bg-(--fe-accent)/15 text-(--fe-text-strong)":"hover:bg-(--fe-surface-hover) hover:text-(--fe-text-strong)"),style:o?{boxShadow:"inset 2px 0 0 var(--fe-accent)"}:void 0,onClick:R=>Ee(n,R),onDoubleClick:()=>Ve(n),children:[jsxRuntime.jsx(l,{className:c("h-4 w-4 shrink-0",e.type==="directory"?"text-(--fe-accent)":"text-(--fe-text-muted)")}),jsxRuntime.jsx("span",{className:"flex-1 truncate text-xs font-medium",children:e.name}),b&&e.type==="file"&&jsxRuntime.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:b}),e.size!=null&&jsxRuntime.jsx("span",{className:"shrink-0 font-mono text-[10px] text-(--fe-text-muted)",children:Ke(e.size)}),e.modifiedAt&&jsxRuntime.jsx("span",{className:"hidden shrink-0 font-mono text-[10px] text-(--fe-text-muted) lg:inline",children:Ne(e.modifiedAt)})]},e.path+n)})}):jsxRuntime.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(90px,1fr))] gap-1.5 p-1",children:g.map((e,n)=>{let l=Ce(e),o=f.has(n),b=e.extension||re(e.name);return jsxRuntime.jsxs("div",{className:c("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",o?"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:R=>Ee(n,R),onDoubleClick:()=>Ve(n),children:[jsxRuntime.jsx(l,{className:c("h-7 w-7",e.type==="directory"?"text-(--fe-accent)":"text-(--fe-text-muted)")}),jsxRuntime.jsx("span",{className:"w-full truncate text-[10px] font-medium leading-tight",children:e.name}),b&&e.type==="file"&&jsxRuntime.jsx("span",{className:"font-mono text-[8px] uppercase text-(--fe-text-muted)",children:b})]},e.path+n)})})}),jsxRuntime.jsx("div",{className:c("shrink-0 overflow-hidden transition-[width] duration-300 ease-out",i?"w-56":"w-0"),children:i&&jsxRuntime.jsxs("div",{className:"fe-panel flex h-full w-56 flex-col border-l border-(--fe-border) p-4",children:[jsxRuntime.jsxs("div",{className:"mb-3 flex flex-col items-center",children:[je__default.default.createElement(Ce(i),{className:c("h-10 w-10 mb-2",i.type==="directory"?"text-(--fe-accent)":"text-(--fe-text-muted)")}),jsxRuntime.jsx("span",{className:"w-full text-center text-xs font-semibold text-(--fe-text-strong) break-all leading-tight",children:i.name})]}),jsxRuntime.jsxs("div",{className:"space-y-2.5 text-[10px]",children:[jsxRuntime.jsx(j,{label:"Type",value:i.type==="directory"?"Directory":i.mimeType||i.extension||re(i.name)||"File"}),i.size!=null&&jsxRuntime.jsx(j,{label:"Size",value:Ke(i.size)}),jsxRuntime.jsx(j,{label:"Path",value:i.path,mono:true}),i.extension&&jsxRuntime.jsx(j,{label:"Extension",value:i.extension}),i.modifiedAt&&jsxRuntime.jsx(j,{label:"Modified",value:Ne(i.modifiedAt)}),i.createdAt&&jsxRuntime.jsx(j,{label:"Created",value:Ne(i.createdAt)})]}),jsxRuntime.jsxs("div",{className:"mt-auto flex flex-col gap-1.5",children:[i.type==="file"&&M&&jsxRuntime.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:()=>M(i),children:[jsxRuntime.jsx(lucideReact.ArrowUp,{className:"h-3 w-3 rotate-45"}),"Open"]}),Ue?.map(e=>jsxRuntime.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:()=>e.onClick(i),children:[e.icon&&je__default.default.createElement(e.icon,{className:"h-3 w-3"}),e.label]},e.key))]})]})})]}),jsxRuntime.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:[jsxRuntime.jsxs("span",{children:[g.length," items"]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[f.size>0&&jsxRuntime.jsxs("span",{className:"text-(--fe-accent)/70",children:[f.size," selected"]}),jsxRuntime.jsx("span",{className:"opacity-50",children:"Ctrl+Click multi-select \xB7 Esc clear"})]})]}),Qe&&!u&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"absolute top-0 left-2 right-2 h-1.5 cursor-ns-resize",onMouseDown:e=>k("n",e)}),jsxRuntime.jsx("div",{className:"absolute bottom-0 left-2 right-2 h-1.5 cursor-ns-resize",onMouseDown:e=>k("s",e)}),jsxRuntime.jsx("div",{className:"absolute top-2 left-0 bottom-2 w-1.5 cursor-ew-resize",onMouseDown:e=>k("w",e)}),jsxRuntime.jsx("div",{className:"absolute top-2 right-0 bottom-2 w-1.5 cursor-ew-resize",onMouseDown:e=>k("e",e)}),jsxRuntime.jsx("div",{className:"absolute top-0 left-0 h-3 w-3 cursor-nwse-resize",onMouseDown:e=>k("nw",e)}),jsxRuntime.jsx("div",{className:"absolute top-0 right-0 h-3 w-3 cursor-nesw-resize",onMouseDown:e=>k("ne",e)}),jsxRuntime.jsx("div",{className:"absolute bottom-0 left-0 h-3 w-3 cursor-nesw-resize",onMouseDown:e=>k("sw",e)}),jsxRuntime.jsx("div",{className:"absolute bottom-0 right-0 h-3 w-3 cursor-nwse-resize",onMouseDown:e=>k("se",e)})]}),jsxRuntime.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); }
+        }
+      `}),jsxRuntime.jsx(Re,{open:nt,onOpenChange:J,children:jsxRuntime.jsxs(_e,{size:"sm",children:[jsxRuntime.jsxs(Ie,{children:[jsxRuntime.jsxs(Ae,{children:[jsxRuntime.jsx(lucideReact.AlertTriangle,{className:"text-danger-500"}),"Confirm Deletion"]}),jsxRuntime.jsxs(Oe,{children:[f.size===1?`Are you sure you want to delete "${g[Array.from(f)[0]]?.name}"?`:`Are you sure you want to delete ${f.size} selected items?`," ","This action cannot be undone."]})]}),jsxRuntime.jsxs(He,{children:[jsxRuntime.jsx(ye,{intent:"ghost",onClick:()=>J(false),children:"Cancel"}),jsxRuntime.jsxs(ye,{intent:"danger",onClick:()=>{let e=Array.from(f).map(n=>g[n]).filter(Boolean);ne?.(e),K(new Set),W(null),J(false);},children:[jsxRuntime.jsx(lucideReact.Trash2,{className:"h-4 w-4"}),"Delete"]})]})]})})]}):null}function j({label:r,value:a,mono:m}){return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"mb-0.5 font-semibold uppercase tracking-wider text-(--fe-text-muted)",children:r}),jsxRuntime.jsx("div",{className:c("text-(--fe-text) break-all leading-snug",m&&"font-mono text-[9px]"),children:a})]})}exports.FileExplorer=gr;

package/dist/Extras/FileExplorer.d.cts

@@ -0,0 +1,7 @@
+export { FileExplorer_alias_3 as FileExplorer } from '../_tsup-dts-rollup.cjs';
+export { FileExplorerItem_alias_2 as FileExplorerItem } from '../_tsup-dts-rollup.cjs';
+export { FileExplorerViewMode_alias_2 as FileExplorerViewMode } from '../_tsup-dts-rollup.cjs';
+export { FileExplorerDockSide_alias_2 as FileExplorerDockSide } from '../_tsup-dts-rollup.cjs';
+export { FileExplorerInputMode_alias_2 as FileExplorerInputMode } from '../_tsup-dts-rollup.cjs';
+export { FileExplorerAction_alias_2 as FileExplorerAction } from '../_tsup-dts-rollup.cjs';
+export { FileExplorerProps_alias_2 as FileExplorerProps } from '../_tsup-dts-rollup.cjs';

package/dist/Extras/FileExplorer.d.ts

@@ -0,0 +1,7 @@
+export { FileExplorer_alias_3 as FileExplorer } from '../_tsup-dts-rollup.js';
+export { FileExplorerItem_alias_2 as FileExplorerItem } from '../_tsup-dts-rollup.js';
+export { FileExplorerViewMode_alias_2 as FileExplorerViewMode } from '../_tsup-dts-rollup.js';
+export { FileExplorerDockSide_alias_2 as FileExplorerDockSide } from '../_tsup-dts-rollup.js';
+export { FileExplorerInputMode_alias_2 as FileExplorerInputMode } from '../_tsup-dts-rollup.js';
+export { FileExplorerAction_alias_2 as FileExplorerAction } from '../_tsup-dts-rollup.js';
+export { FileExplorerProps_alias_2 as FileExplorerProps } from '../_tsup-dts-rollup.js';

package/dist/Extras/FileExplorer.js

@@ -0,0 +1,55 @@
+import je,{createContext,useState,useRef,useMemo,useCallback,useEffect,useId,useContext}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {createPortal}from'react-dom';import {HardDrive,LayoutGrid,LayoutList,Minus,Minimize2,Maximize2,X,FolderUp,Search,CornerRightDown,Folder,ArrowUp,AlertTriangle,Trash2,FileArchive,Database,FileSpreadsheet,FileText,Terminal,FileCode,Video,Music,Image,File}from'lucide-react';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';function c(...r){return twMerge(clsx(r))}var be=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 N=[];function pt(r){N.push(r);}function ft(r){let a=N.indexOf(r);a!==-1&&N.splice(a,1);}function he(r){return N.length>0&&N[N.length-1]===r}function gt(r){let a=N.indexOf(r);return a!==-1?a:N.length}var Te=createContext(null);function Re({open:r,onOpenChange:a,modal:m=true,closeOnOutsideClick:v=false,children:L}){let d=useId();return useEffect(()=>{if(r)return pt(d),()=>ft(d)},[r,d]),useEffect(()=>{if(!r||!m)return;let z=S=>{S.key==="Escape"&&he(d)&&a(false);};return document.addEventListener("keydown",z),()=>document.removeEventListener("keydown",z)},[r,m,a,d]),useEffect(()=>{if(!r||!m)return;let z=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=z;}},[r,m]),r?jsx(Te.Provider,{value:{id:d,onOpenChange:a,modal:m,closeOnOutsideClick:v},children:createPortal(L,document.body)}):null}function _e({size:r,position:a="center",className:m,children:v,...L}){let d=useContext(Te);if(!d)return null;let S=200+gt(d.id)*10,B=()=>{d.closeOnOutsideClick&&he(d.id)&&d.onOpenChange(false);},M=a==="bottom";return d.modal?jsx("div",{className:c("animate-fade-in fixed inset-0 bg-black/50",M?"flex items-end justify-center":"flex items-center justify-center p-4"),style:{zIndex:S},onClick:B,children:jsx("div",{className:c(be({size:r}),M?"animate-slide-in-bottom w-full rounded-b-none rounded-t-(--dialog-sheet-radius) max-h-[85vh] overflow-y-auto":"animate-scale-in",m),role:"dialog","aria-modal":"true",onClick:T=>T.stopPropagation(),...L,children:v})}):jsx("div",{className:c("fixed inset-0 flex items-center justify-center p-4",d.closeOnOutsideClick?"pointer-events-auto":"pointer-events-none"),style:{zIndex:S},onClick:d.closeOnOutsideClick&&he(d.id)?()=>d.onOpenChange(false):void 0,children:jsx("div",{className:c(be({size:r}),"animate-scale-in pointer-events-auto shadow-2xl",m),role:"dialog",onClick:d.closeOnOutsideClick?T=>T.stopPropagation():void 0,...L,children:v})})}function Ie({className:r,...a}){return jsx("div",{className:c("mb-4 space-y-1",r),...a})}function Ae({className:r,...a}){return jsx("h2",{className:c("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",r),...a})}function Oe({className:r,...a}){return jsx("p",{className:c("text-primary-500 dark:text-primary-400 text-sm",r),...a})}function He({className:r,...a}){return jsx("div",{className:c("mt-6 flex justify-end gap-2",r),...a})}var Pe=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 ye({intent:r,size:a,className:m,...v}){return jsx("button",{className:c(Pe({intent:r,size:a}),m),...v})}function re(r){let a=r.lastIndexOf(".");return a>0?r.slice(a).toLowerCase():""}function Ke(r){return r==null?"\u2014":r<1024?`${r} B`:r<1024*1024?`${(r/1024).toFixed(1)} KB`:r<1024*1024*1024?`${(r/(1024*1024)).toFixed(1)} MB`:`${(r/(1024*1024*1024)).toFixed(2)} GB`}function Ne(r){return r?(typeof r=="string"?new Date(r):r).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"\u2014"}var Ft={".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 Ce(r){if(r.type==="directory")return Folder;let a=r.extension||re(r.name);return Ft[a]||File}function $e(r,a,m){return Math.max(a,Math.min(m,r))}function gr({files:r,title:a="File Explorer",accent:m="#8b5cf6",defaultView:v="list",initialPosition:L,initialSize:d,dockable:z=false,dockSide:S="right",visible:B=true,onFileOpen:M,onSelectionChange:T,onNavigate:Q,onDelete:ne,onClose:qe,onMinimize:De,onPathSubmit:ze,defaultInputMode:Ge="search",actions:Ue,resizable:Qe=true,minSize:X$1={width:400,height:300},className:We}){let[ae,Je]=useState(v),[f,K]=useState(new Set),[Me,W]=useState(null),[u,se]=useState(false),[$,oe]=useState(false),[E,Ze]=useState(""),[V,et]=useState(Ge),[tt,rt]=useState(B),[nt,J]=useState(false),ie=d??{width:720,height:520},[h,Z]=useState(L??{x:Math.max(0,Math.round((window.innerWidth-ie.width)/2)),y:Math.max(0,Math.round((window.innerHeight-ie.height)/2))}),[F,le]=useState(ie),[w,at]=useState(null),ce=useRef(false),de=useRef({x:0,y:0}),ue=useRef(null),Y=useRef(false),ee=useRef({x:0,y:0,w:0,h:0,px:0,py:0}),me=B!==void 0?B:tt,pe=useMemo(()=>{let e=r.filter(l=>l.type==="directory"),n=r.filter(l=>l.type==="file");return e.sort((l,o)=>l.name.localeCompare(o.name)),n.sort((l,o)=>l.name.localeCompare(o.name)),[...e,...n]},[r]),g=useMemo(()=>{if(V!=="search"||!E.trim())return pe;let e=E.toLowerCase();return pe.filter(n=>n.name.toLowerCase().includes(e))},[pe,E,V]),i=Me!=null?g[Me]:null,Ee=useCallback((e,n)=>{K(l=>{let o=new Set(l);return n.ctrlKey||n.metaKey?o.has(e)?o.delete(e):o.add(e):(o.clear(),o.add(e)),o}),W(e);},[]);useEffect(()=>{if(!T)return;let e=Array.from(f).map(n=>g[n]).filter(Boolean);T(e);},[f]);let Ve=useCallback(e=>{let n=g[e];n&&(n.type==="directory"?Q?.(n.path):M?.(n));},[g,M,Q]),st=useCallback(e=>{u||e.target.closest("button")||(ce.current=true,de.current={x:e.clientX-h.x,y:e.clientY-h.y},e.preventDefault());},[h,u]);useEffect(()=>{let e=l=>{if(!ce.current)return;let o=window.innerWidth-100,b=window.innerHeight-40;Z({x:$e(l.clientX-de.current.x,0,o),y:$e(l.clientY-de.current.y,0,b)});},n=()=>{ce.current=false,Y.current=false,document.body.style.cursor="",document.body.style.userSelect="";};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",n),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",n);}},[]);let k=useCallback((e,n)=>{u||(n.preventDefault(),n.stopPropagation(),Y.current=e,ee.current={x:n.clientX,y:n.clientY,w:F.width,h:F.height,px:h.x,py:h.y},document.body.style.cursor=e==="e"||e==="w"?"ew-resize":e==="n"||e==="s"?"ns-resize":e==="nw"||e==="se"?"nwse-resize":"nesw-resize",document.body.style.userSelect="none");},[u,F,h]);useEffect(()=>{let e=l=>{if(!Y.current)return;let o=Y.current,b=l.clientX-ee.current.x,R=l.clientY-ee.current.y,{w:_,h:I,px:fe,py:ge}=ee.current;if(o.includes("e")&&(_=Math.max(X$1.width,_+b)),o.includes("w")){let q=Math.max(X$1.width,_-b);fe=fe+(_-q),_=q;}if(o.includes("s")&&(I=Math.max(X$1.height,I+R)),o.includes("n")){let q=Math.max(X$1.height,I-R);ge=ge+(I-q),I=q;}le({width:_,height:I}),Z({x:fe,y:ge});},n=()=>{Y.current=false,document.body.style.cursor="",document.body.style.userSelect="";};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",n),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",n);}},[X$1]);let Fe=useCallback(()=>{u?(w&&(Z(w.pos),le(w.size)),se(false)):(at({pos:h,size:F}),se(true));},[u,h,F,w]),ot=useCallback(()=>{$?oe(false):(u&&(se(false),w&&(Z(w.pos),le(w.size))),oe(true),De?.());},[$,u,w,De]);useEffect(()=>{if(!me||$)return;let e=n=>{if(!(!ue.current?.contains(document.activeElement)&&document.activeElement!==ue.current)){if(n.key==="Escape"&&(W(null),K(new Set)),n.ctrlKey&&n.key==="a"){n.preventDefault();let l=new Set(g.map((o,b)=>b));K(l);}n.key==="Delete"&&f.size>0&&ne&&(n.preventDefault(),J(true));}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[me,$,g,f,ne]);let Le={"--fe-accent":m};return $?jsx("div",{className:c("fixed z-100 cursor-pointer transition-all duration-300",S==="right"?"right-0 top-1/2 -translate-y-1/2":"left-0 top-1/2 -translate-y-1/2"),style:Le,onClick:()=>oe(false),title:`Restore ${a}`,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:a})]})}):me?jsxs("div",{ref:ue,className:c("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]",u&&"rounded-none",We),style:{...Le,left:u?0:h.x,top:u?0:h.y,width:u?"100vw":F.width,height:u?"100vh":F.height,transition:u?"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:st,onDoubleClick:Fe,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:a}),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:()=>Je(e=>e==="list"?"grid":"list"),title:ae==="list"?"Grid view":"List view",children:ae==="list"?jsx(LayoutGrid,{className:"h-3.5 w-3.5"}):jsx(LayoutList,{className:"h-3.5 w-3.5"})}),z&&jsx("button",{className:"fe-btn",onClick:ot,title:"Dock to edge",children:jsx(Minus,{className:"h-3.5 w-3.5"})}),jsx("button",{className:"fe-btn",onClick:Fe,title:u?"Restore":"Maximize",children:u?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:()=>{qe?.(),rt(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:()=>Q?.(".."),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:V==="navigate"?{color:"var(--fe-accent)",background:"color-mix(in srgb, var(--fe-accent) 15%, transparent)"}:void 0,onClick:()=>et(e=>e==="search"?"navigate":"search"),title:V==="search"?"Switch to path navigation":"Switch to file search",children:V==="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:E,onChange:e=>Ze(e.target.value),onKeyDown:e=>{e.key==="Enter"&&E.trim()&&V==="navigate"&&(ze?ze(E.trim()):Q?.(E.trim()));},placeholder:V==="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:[g.length," item",g.length!==1?"s":"",f.size>0&&` \xB7 ${f.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:e=>{e.target===e.currentTarget&&(K(new Set),W(null));},children:g.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"})]}):ae==="list"?jsx("div",{className:"space-y-px",children:g.map((e,n)=>{let l=Ce(e),o=f.has(n),b=e.extension||re(e.name);return jsxs("div",{className:c("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",o?"bg-(--fe-accent)/15 text-(--fe-text-strong)":"hover:bg-(--fe-surface-hover) hover:text-(--fe-text-strong)"),style:o?{boxShadow:"inset 2px 0 0 var(--fe-accent)"}:void 0,onClick:R=>Ee(n,R),onDoubleClick:()=>Ve(n),children:[jsx(l,{className:c("h-4 w-4 shrink-0",e.type==="directory"?"text-(--fe-accent)":"text-(--fe-text-muted)")}),jsx("span",{className:"flex-1 truncate text-xs font-medium",children:e.name}),b&&e.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:b}),e.size!=null&&jsx("span",{className:"shrink-0 font-mono text-[10px] text-(--fe-text-muted)",children:Ke(e.size)}),e.modifiedAt&&jsx("span",{className:"hidden shrink-0 font-mono text-[10px] text-(--fe-text-muted) lg:inline",children:Ne(e.modifiedAt)})]},e.path+n)})}):jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(90px,1fr))] gap-1.5 p-1",children:g.map((e,n)=>{let l=Ce(e),o=f.has(n),b=e.extension||re(e.name);return jsxs("div",{className:c("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",o?"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:R=>Ee(n,R),onDoubleClick:()=>Ve(n),children:[jsx(l,{className:c("h-7 w-7",e.type==="directory"?"text-(--fe-accent)":"text-(--fe-text-muted)")}),jsx("span",{className:"w-full truncate text-[10px] font-medium leading-tight",children:e.name}),b&&e.type==="file"&&jsx("span",{className:"font-mono text-[8px] uppercase text-(--fe-text-muted)",children:b})]},e.path+n)})})}),jsx("div",{className:c("shrink-0 overflow-hidden transition-[width] duration-300 ease-out",i?"w-56":"w-0"),children:i&&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:[je.createElement(Ce(i),{className:c("h-10 w-10 mb-2",i.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:i.name})]}),jsxs("div",{className:"space-y-2.5 text-[10px]",children:[jsx(j,{label:"Type",value:i.type==="directory"?"Directory":i.mimeType||i.extension||re(i.name)||"File"}),i.size!=null&&jsx(j,{label:"Size",value:Ke(i.size)}),jsx(j,{label:"Path",value:i.path,mono:true}),i.extension&&jsx(j,{label:"Extension",value:i.extension}),i.modifiedAt&&jsx(j,{label:"Modified",value:Ne(i.modifiedAt)}),i.createdAt&&jsx(j,{label:"Created",value:Ne(i.createdAt)})]}),jsxs("div",{className:"mt-auto flex flex-col gap-1.5",children:[i.type==="file"&&M&&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:()=>M(i),children:[jsx(ArrowUp,{className:"h-3 w-3 rotate-45"}),"Open"]}),Ue?.map(e=>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:()=>e.onClick(i),children:[e.icon&&je.createElement(e.icon,{className:"h-3 w-3"}),e.label]},e.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:[g.length," items"]}),jsxs("div",{className:"flex items-center gap-2",children:[f.size>0&&jsxs("span",{className:"text-(--fe-accent)/70",children:[f.size," selected"]}),jsx("span",{className:"opacity-50",children:"Ctrl+Click multi-select \xB7 Esc clear"})]})]}),Qe&&!u&&jsxs(Fragment,{children:[jsx("div",{className:"absolute top-0 left-2 right-2 h-1.5 cursor-ns-resize",onMouseDown:e=>k("n",e)}),jsx("div",{className:"absolute bottom-0 left-2 right-2 h-1.5 cursor-ns-resize",onMouseDown:e=>k("s",e)}),jsx("div",{className:"absolute top-2 left-0 bottom-2 w-1.5 cursor-ew-resize",onMouseDown:e=>k("w",e)}),jsx("div",{className:"absolute top-2 right-0 bottom-2 w-1.5 cursor-ew-resize",onMouseDown:e=>k("e",e)}),jsx("div",{className:"absolute top-0 left-0 h-3 w-3 cursor-nwse-resize",onMouseDown:e=>k("nw",e)}),jsx("div",{className:"absolute top-0 right-0 h-3 w-3 cursor-nesw-resize",onMouseDown:e=>k("ne",e)}),jsx("div",{className:"absolute bottom-0 left-0 h-3 w-3 cursor-nesw-resize",onMouseDown:e=>k("sw",e)}),jsx("div",{className:"absolute bottom-0 right-0 h-3 w-3 cursor-nwse-resize",onMouseDown:e=>k("se",e)})]}),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(Re,{open:nt,onOpenChange:J,children:jsxs(_e,{size:"sm",children:[jsxs(Ie,{children:[jsxs(Ae,{children:[jsx(AlertTriangle,{className:"text-danger-500"}),"Confirm Deletion"]}),jsxs(Oe,{children:[f.size===1?`Are you sure you want to delete "${g[Array.from(f)[0]]?.name}"?`:`Are you sure you want to delete ${f.size} selected items?`," ","This action cannot be undone."]})]}),jsxs(He,{children:[jsx(ye,{intent:"ghost",onClick:()=>J(false),children:"Cancel"}),jsxs(ye,{intent:"danger",onClick:()=>{let e=Array.from(f).map(n=>g[n]).filter(Boolean);ne?.(e),K(new Set),W(null),J(false);},children:[jsx(Trash2,{className:"h-4 w-4"}),"Delete"]})]})]})})]}):null}function j({label:r,value:a,mono:m}){return jsxs("div",{children:[jsx("div",{className:"mb-0.5 font-semibold uppercase tracking-wider text-(--fe-text-muted)",children:r}),jsx("div",{className:c("text-(--fe-text) break-all leading-snug",m&&"font-mono text-[9px]"),children:a})]})}export{gr as FileExplorer};

package/dist/Extras/FilmReel.cjs

@@ -0,0 +1,2 @@
+'use strict';var react=require('react'),reactDom=require('react-dom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');function C(...a){return tailwindMerge.twMerge(clsx.clsx(a))}var B="#1c1914",G="#130f0b",de="#2e261e",T="#504638",E="#6b5d4d",$=`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")`,ue=[{key:"like",icon:jsxRuntime.jsx(lucideReact.Heart,{className:"h-5 w-5"}),activeIcon:jsxRuntime.jsx(lucideReact.Heart,{className:"h-5 w-5",fill:"currentColor"}),label:"Like",toggle:true},{key:"dislike",icon:jsxRuntime.jsx(lucideReact.ThumbsDown,{className:"h-5 w-5"}),label:"Dislike"},{key:"bookmark",icon:jsxRuntime.jsx(lucideReact.Bookmark,{className:"h-5 w-5"}),activeIcon:jsxRuntime.jsx(lucideReact.Bookmark,{className:"h-5 w-5",fill:"currentColor"}),label:"Bookmark",toggle:true},{key:"share",icon:jsxRuntime.jsx(lucideReact.Share2,{className:"h-5 w-5"}),label:"Share"},{key:"download",icon:jsxRuntime.jsx(lucideReact.Download,{className:"h-5 w-5"}),label:"Download"}];function Re({photos:a,layout:s="strip",actions:p=ue,onAction:b,className:m,showGrain:h=true,sheetTitle:l,sheetLabel:g}){let[d,r]=react.useState(null),[x,L]=react.useState(new Set),i=react.useCallback(v=>r(v),[]),o=react.useCallback(()=>r(null),[]),f=react.useCallback((v,y)=>{if(p.find(w=>w.key===v)?.toggle){let w=`${y}-${v}`;L(R=>{let P=new Set(R);return P.has(w)?P.delete(w):P.add(w),P});}b?.(v,a[y],y);},[p,b,a]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(s==="strip"?pe:s==="sheet"?he:be,{photos:a,onPhotoClick:i,showGrain:h,className:m,sheetTitle:l,sheetLabel:g}),d!==null&&reactDom.createPortal(jsxRuntime.jsx(ge,{photos:a,currentIndex:d,onIndexChange:r,onClose:o,actions:p,activeActions:x,onAction:f,showGrain:h}),document.body)]})}function z({count:a=30}){return jsxRuntime.jsx("div",{className:"flex shrink-0 items-center justify-between px-3",style:{height:22,background:B},children:Array.from({length:a}).map((s,p)=>jsxRuntime.jsx("div",{className:"rounded-xs",style:{width:12,height:8,background:de}},p))})}function pe({photos:a,onPhotoClick:s,showGrain:p,className:b}){let m=react.useRef(null);return jsxRuntime.jsxs("div",{className:C("select-none rounded-lg overflow-hidden",b),style:{background:G},children:[jsxRuntime.jsx(z,{count:Math.max(30,a.length*6)}),jsxRuntime.jsx("div",{ref:m,className:"flex gap-1 overflow-x-auto scroll-smooth px-1 py-1",style:{background:B,scrollSnapType:"x mandatory"},children:a.map((h,l)=>jsxRuntime.jsxs("div",{className:"group relative shrink-0 cursor-pointer",style:{scrollSnapAlign:"center"},onClick:()=>s(l),children:[jsxRuntime.jsxs("div",{className:"overflow-hidden rounded-xs border",style:{borderColor:T,width:280,height:187},children:[jsxRuntime.jsx("img",{src:h.src,alt:h.alt??h.title??"",className:"h-full w-full object-cover transition-transform duration-700 ease-out group-hover:scale-110",draggable:false}),jsxRuntime.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)"}}),p&&jsxRuntime.jsx("div",{className:"pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-[0.06]",style:{backgroundImage:$,animation:"film-grain-shift 0.6s steps(5) infinite"}}),jsxRuntime.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%)"}})]}),jsxRuntime.jsxs("div",{className:"mt-0.5 text-center font-mono text-[9px] tracking-widest",style:{color:E},children:[String(l+1).padStart(2,"0"),l%2===0?"":"A"]})]},l))}),jsxRuntime.jsx(z,{count:Math.max(30,a.length*6)})]})}function he({photos:a,onPhotoClick:s,showGrain:p,className:b,sheetTitle:m,sheetLabel:h}){return jsxRuntime.jsxs("div",{className:C("rounded-lg p-5",b),style:{background:G},children:[jsxRuntime.jsxs("div",{className:"mb-4 flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.25em]",style:{color:E},children:m??`JAC\xB7Film 35mm \xB7 ${a.length} exposures`}),jsxRuntime.jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.25em]",style:{color:E},children:h??"Contact Sheet"})]}),jsxRuntime.jsx("div",{className:"grid grid-cols-3 gap-2 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6",children:a.map((l,g)=>jsxRuntime.jsxs("div",{className:"group cursor-pointer",style:{animation:`reveal-up 0.4s ease-out ${g*50}ms both`},onClick:()=>s(g),children:[jsxRuntime.jsx("div",{className:"mb-0.5 font-mono text-[9px] tracking-wider",style:{color:E},children:String(g+1).padStart(2,"0")}),jsxRuntime.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:T,aspectRatio:"3/2"},children:[jsxRuntime.jsx("img",{src:l.src,alt:l.alt??"",className:"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105",draggable:false}),p&&jsxRuntime.jsx("div",{className:"pointer-events-none absolute inset-0 opacity-[0.04]",style:{backgroundImage:$}}),jsxRuntime.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:jsxRuntime.jsx("span",{className:"text-xs font-medium text-white/90",children:l.title})})]})]},g))})]})}function be({photos:a,onPhotoClick:s,showGrain:p,className:b}){let[m,h]=react.useState(false),[l,g]=react.useState(null),d=Math.min(a.length,8),r=a.slice(0,d),x=i=>{let o=Math.sin(i*137.508+1)*1e4,f=(o%12-6).toFixed(1),F=(o/7%8-4).toFixed(1),v=(o/13%6-3).toFixed(1);return `rotate(${f}deg) translate(${F}px, ${v}px)`},L=(i,o)=>{let f=(o-1)/2,F=((i-f)*7).toFixed(1),v=((i-f)*110).toFixed(0),y=(-Math.abs(i-f)*10+(l===i?-18:0)).toFixed(0);return `translateX(${v}px) translateY(${y}px) rotate(${F}deg)`};return jsxRuntime.jsxs("div",{className:C("flex flex-col items-center gap-4",b),children:[jsxRuntime.jsx("div",{className:"relative flex h-85 w-full items-center justify-center",onMouseEnter:()=>h(true),onMouseLeave:()=>{h(false),g(null);},children:r.map((i,o)=>jsxRuntime.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:m?`${o*35}ms`:`${(d-o)*25}ms`,transform:m?L(o,r.length):x(o),zIndex:m?o+1:r.length-o,width:220,height:147},onClick:()=>s(o),onMouseEnter:()=>m&&g(o),onMouseLeave:()=>g(null),children:jsxRuntime.jsxs("div",{className:"relative h-full w-full overflow-hidden rounded-lg border transition-shadow duration-300",style:{borderColor:m&&l===o?"rgba(217,171,89,0.5)":T,boxShadow:m&&l===o?"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:[jsxRuntime.jsx("img",{src:i.src,alt:i.alt??"",className:"h-full w-full object-cover",draggable:false}),p&&jsxRuntime.jsx("div",{className:"pointer-events-none absolute inset-0 opacity-[0.04]",style:{backgroundImage:$}}),jsxRuntime.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%)"}}),m&&l===o&&jsxRuntime.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:jsxRuntime.jsx("span",{className:"text-sm font-medium text-white/90",children:i.title})})]})},o))}),a.length>d&&jsxRuntime.jsxs("span",{className:"font-mono text-xs",style:{color:E},children:["+ ",a.length-d," more"]}),jsxRuntime.jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] transition-opacity duration-300",style:{color:E,opacity:m?0:.7},children:"Hover to explore"})]})}function ge({photos:a,currentIndex:s,onIndexChange:p,onClose:b,actions:m,activeActions:h,onAction:l,showGrain:g}){let d=a[s],[r,x]=react.useState(1),[L,i]=react.useState({x:0,y:0}),[o,f]=react.useState(false),[F,v]=react.useState(false),y=react.useRef(false),S=react.useRef({x:0,y:0}),w=react.useRef(null);react.useLayoutEffect(()=>{requestAnimationFrame(()=>v(true));},[]),react.useEffect(()=>{let t=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=t;}},[]),react.useEffect(()=>{let t=u=>{switch(u.key){case "Escape":b();break;case "ArrowLeft":R(-1);break;case "ArrowRight":R(1);break;case "i":case "I":f(A=>!A);break}};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)}),react.useEffect(()=>{let t=w.current;if(!t)return;let u=A=>{A.preventDefault();let M=A.deltaY<0?1.12:.89;x(U=>{let _=Math.min(8,Math.max(1,U*M));return _<=1&&i({x:0,y:0}),_});};return t.addEventListener("wheel",u,{passive:false}),()=>t.removeEventListener("wheel",u)},[]);let R=react.useCallback(t=>{let u=s+t;u>=0&&u<a.length&&(p(u),x(1),i({x:0,y:0}));},[s,a.length,p]),P=react.useCallback(t=>{r<=1||(y.current=true,S.current={x:t.clientX,y:t.clientY},t.target.setPointerCapture(t.pointerId));},[r]),H=react.useCallback(t=>{if(!y.current)return;let u=t.clientX-S.current.x,A=t.clientY-S.current.y;S.current={x:t.clientX,y:t.clientY},i(M=>({x:M.x+u/r,y:M.y+A/r}));},[r]),X=react.useCallback(()=>{y.current=false;},[]),Y=react.useCallback(()=>{r>1?(x(1),i({x:0,y:0})):x(2.5);},[r]),Z=t=>h.has(`${s}-${t}`),c=d.metadata;return jsxRuntime.jsxs("div",{className:"fixed inset-0 z-200 flex flex-col",style:{animation:"lightbox-backdrop-in 0.35s ease-out"},children:[jsxRuntime.jsx("div",{className:"absolute inset-0 bg-black/95",onClick:b}),g&&jsxRuntime.jsx("div",{className:"pointer-events-none absolute inset-0 opacity-[0.025]",style:{backgroundImage:$,animation:"film-grain-shift 0.6s steps(5) infinite"}}),jsxRuntime.jsxs("div",{className:"relative z-10 flex h-12 shrink-0 items-center justify-between px-4",children:[jsxRuntime.jsxs("span",{className:"font-mono text-sm text-white/50",children:[s+1," / ",a.length]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[jsxRuntime.jsxs("span",{className:"mr-2 font-mono text-xs text-white/40",children:[r.toFixed(1),"x"]}),jsxRuntime.jsx("button",{className:"rounded-full p-2 text-white/60 transition-colors hover:bg-white/10 hover:text-white",onClick:()=>x(t=>Math.min(8,t*1.3)),title:"Zoom in",children:jsxRuntime.jsx(lucideReact.ZoomIn,{className:"h-4 w-4"})}),jsxRuntime.jsx("button",{className:"rounded-full p-2 text-white/60 transition-colors hover:bg-white/10 hover:text-white",onClick:()=>{x(t=>{let u=Math.max(1,t*.7);return u<=1&&i({x:0,y:0}),u});},title:"Zoom out",children:jsxRuntime.jsx(lucideReact.ZoomOut,{className:"h-4 w-4"})}),jsxRuntime.jsx("button",{className:"rounded-full p-2 text-white/60 transition-colors hover:bg-white/10 hover:text-white",onClick:b,title:"Close",children:jsxRuntime.jsx(lucideReact.X,{className:"h-5 w-5"})})]})]}),jsxRuntime.jsxs("div",{ref:w,className:"relative flex flex-1 items-center justify-center overflow-hidden",style:{cursor:r>1?"grab":"default"},onPointerDown:P,onPointerMove:H,onPointerUp:X,onDoubleClick:Y,children:[jsxRuntime.jsx("img",{src:d.src,alt:d.alt??d.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(${r}) translate(${L.x}px, ${L.y}px)`,transition:y.current?"none":"transform 0.15s ease-out"},draggable:false},s),s>0&&jsxRuntime.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:t=>{t.stopPropagation(),R(-1);},children:jsxRuntime.jsx(lucideReact.ChevronLeft,{className:"h-6 w-6"})}),s<a.length-1&&jsxRuntime.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:t=>{t.stopPropagation(),R(1);},children:jsxRuntime.jsx(lucideReact.ChevronRight,{className:"h-6 w-6"})})]}),jsxRuntime.jsx("div",{className:C("absolute inset-x-0 bottom-0 z-20 transition-all duration-400",o?"translate-y-0 opacity-100":"pointer-events-none translate-y-full opacity-0"),children:jsxRuntime.jsxs("div",{className:"bg-linear-to-t from-black/90 via-black/75 to-transparent px-6 pb-24 pt-16",children:[d.title&&jsxRuntime.jsx("h3",{className:"mb-3 text-xl font-semibold text-white",children:d.title}),d.description&&jsxRuntime.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:d.description}),c&&jsxRuntime.jsxs("div",{className:"flex flex-wrap gap-x-6 gap-y-2 text-sm text-white/70",children:[c.camera&&jsxRuntime.jsxs("span",{className:"flex items-center gap-1.5",children:[jsxRuntime.jsx(lucideReact.Camera,{className:"h-3.5 w-3.5 text-amber-400/80"})," ",c.camera,c.lens&&jsxRuntime.jsx("span",{className:"text-white/40",children:"\xB7"}),c.lens&&c.lens]}),(c.aperture||c.shutter||c.iso)&&jsxRuntime.jsxs("span",{className:"flex items-center gap-1.5",children:[jsxRuntime.jsx(lucideReact.Aperture,{className:"h-3.5 w-3.5 text-amber-400/80"}),[c.aperture,c.shutter,c.iso&&`ISO ${c.iso}`].filter(Boolean).join(" \xB7 ")]}),c.date&&jsxRuntime.jsxs("span",{className:"flex items-center gap-1.5",children:[jsxRuntime.jsx(lucideReact.Calendar,{className:"h-3.5 w-3.5 text-amber-400/80"})," ",c.date]}),c.location&&jsxRuntime.jsxs("span",{className:"flex items-center gap-1.5",children:[jsxRuntime.jsx(lucideReact.MapPin,{className:"h-3.5 w-3.5 text-amber-400/80"})," ",c.location]})]})]})}),jsxRuntime.jsx("div",{className:"relative z-20 flex h-16 shrink-0 items-center justify-center gap-1",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-0.5 rounded-full bg-white/6 px-2 py-1.5 backdrop-blur-xl",children:[m.map(t=>{let u=t.toggle&&Z(t.key);return jsxRuntime.jsx("button",{className:C("rounded-full p-2.5 transition-all duration-200",u?"text-amber-400 hover:text-amber-300":"text-white/60 hover:bg-white/10 hover:text-white"),onClick:()=>l(t.key,s),title:t.label,children:u&&t.activeIcon?t.activeIcon:t.icon},t.key)}),jsxRuntime.jsx("div",{className:"mx-1 h-5 w-px bg-white/10"}),jsxRuntime.jsx("button",{className:C("rounded-full p-2.5 transition-all duration-200",o?"text-amber-400 hover:text-amber-300":"text-white/60 hover:bg-white/10 hover:text-white"),onClick:()=>f(t=>!t),title:"Photo info (I)",children:jsxRuntime.jsx(lucideReact.Info,{className:"h-5 w-5"})})]})})]})}
+exports.FilmReel=Re;

package/dist/Extras/FilmReel.d.cts

@@ -0,0 +1,5 @@
+export { FilmReel_alias_3 as FilmReel } from '../_tsup-dts-rollup.cjs';
+export { FilmReelPhoto_alias_2 as FilmReelPhoto } from '../_tsup-dts-rollup.cjs';
+export { FilmReelAction_alias_2 as FilmReelAction } from '../_tsup-dts-rollup.cjs';
+export { FilmReelLayout_alias_2 as FilmReelLayout } from '../_tsup-dts-rollup.cjs';
+export { FilmReelProps_alias_2 as FilmReelProps } from '../_tsup-dts-rollup.cjs';

package/dist/Extras/FilmReel.d.ts

@@ -0,0 +1,5 @@
+export { FilmReel_alias_3 as FilmReel } from '../_tsup-dts-rollup.js';
+export { FilmReelPhoto_alias_2 as FilmReelPhoto } from '../_tsup-dts-rollup.js';
+export { FilmReelAction_alias_2 as FilmReelAction } from '../_tsup-dts-rollup.js';
+export { FilmReelLayout_alias_2 as FilmReelLayout } from '../_tsup-dts-rollup.js';
+export { FilmReelProps_alias_2 as FilmReelProps } from '../_tsup-dts-rollup.js';

package/dist/Extras/FilmReel.js

@@ -0,0 +1,2 @@
+import {useState,useCallback,useRef,useLayoutEffect,useEffect}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}from'lucide-react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';function C(...a){return twMerge(clsx(a))}var B="#1c1914",G="#130f0b",de="#2e261e",T="#504638",E="#6b5d4d",$=`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")`,ue=[{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 Re({photos:a,layout:s="strip",actions:p=ue,onAction:b,className:m,showGrain:h=true,sheetTitle:l,sheetLabel:g}){let[d,r]=useState(null),[x,L]=useState(new Set),i=useCallback(v=>r(v),[]),o=useCallback(()=>r(null),[]),f=useCallback((v,y)=>{if(p.find(w=>w.key===v)?.toggle){let w=`${y}-${v}`;L(R=>{let P=new Set(R);return P.has(w)?P.delete(w):P.add(w),P});}b?.(v,a[y],y);},[p,b,a]);return jsxs(Fragment,{children:[jsx(s==="strip"?pe:s==="sheet"?he:be,{photos:a,onPhotoClick:i,showGrain:h,className:m,sheetTitle:l,sheetLabel:g}),d!==null&&createPortal(jsx(ge,{photos:a,currentIndex:d,onIndexChange:r,onClose:o,actions:p,activeActions:x,onAction:f,showGrain:h}),document.body)]})}function z({count:a=30}){return jsx("div",{className:"flex shrink-0 items-center justify-between px-3",style:{height:22,background:B},children:Array.from({length:a}).map((s,p)=>jsx("div",{className:"rounded-xs",style:{width:12,height:8,background:de}},p))})}function pe({photos:a,onPhotoClick:s,showGrain:p,className:b}){let m=useRef(null);return jsxs("div",{className:C("select-none rounded-lg overflow-hidden",b),style:{background:G},children:[jsx(z,{count:Math.max(30,a.length*6)}),jsx("div",{ref:m,className:"flex gap-1 overflow-x-auto scroll-smooth px-1 py-1",style:{background:B,scrollSnapType:"x mandatory"},children:a.map((h,l)=>jsxs("div",{className:"group relative shrink-0 cursor-pointer",style:{scrollSnapAlign:"center"},onClick:()=>s(l),children:[jsxs("div",{className:"overflow-hidden rounded-xs border",style:{borderColor:T,width:280,height:187},children:[jsx("img",{src:h.src,alt:h.alt??h.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)"}}),p&&jsx("div",{className:"pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-[0.06]",style:{backgroundImage:$,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:E},children:[String(l+1).padStart(2,"0"),l%2===0?"":"A"]})]},l))}),jsx(z,{count:Math.max(30,a.length*6)})]})}function he({photos:a,onPhotoClick:s,showGrain:p,className:b,sheetTitle:m,sheetLabel:h}){return jsxs("div",{className:C("rounded-lg p-5",b),style:{background:G},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:E},children:m??`JAC\xB7Film 35mm \xB7 ${a.length} exposures`}),jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.25em]",style:{color:E},children:h??"Contact Sheet"})]}),jsx("div",{className:"grid grid-cols-3 gap-2 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6",children:a.map((l,g)=>jsxs("div",{className:"group cursor-pointer",style:{animation:`reveal-up 0.4s ease-out ${g*50}ms both`},onClick:()=>s(g),children:[jsx("div",{className:"mb-0.5 font-mono text-[9px] tracking-wider",style:{color:E},children:String(g+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:T,aspectRatio:"3/2"},children:[jsx("img",{src:l.src,alt:l.alt??"",className:"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105",draggable:false}),p&&jsx("div",{className:"pointer-events-none absolute inset-0 opacity-[0.04]",style:{backgroundImage:$}}),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:l.title})})]})]},g))})]})}function be({photos:a,onPhotoClick:s,showGrain:p,className:b}){let[m,h]=useState(false),[l,g]=useState(null),d=Math.min(a.length,8),r=a.slice(0,d),x=i=>{let o=Math.sin(i*137.508+1)*1e4,f=(o%12-6).toFixed(1),F=(o/7%8-4).toFixed(1),v=(o/13%6-3).toFixed(1);return `rotate(${f}deg) translate(${F}px, ${v}px)`},L=(i,o)=>{let f=(o-1)/2,F=((i-f)*7).toFixed(1),v=((i-f)*110).toFixed(0),y=(-Math.abs(i-f)*10+(l===i?-18:0)).toFixed(0);return `translateX(${v}px) translateY(${y}px) rotate(${F}deg)`};return jsxs("div",{className:C("flex flex-col items-center gap-4",b),children:[jsx("div",{className:"relative flex h-85 w-full items-center justify-center",onMouseEnter:()=>h(true),onMouseLeave:()=>{h(false),g(null);},children:r.map((i,o)=>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:m?`${o*35}ms`:`${(d-o)*25}ms`,transform:m?L(o,r.length):x(o),zIndex:m?o+1:r.length-o,width:220,height:147},onClick:()=>s(o),onMouseEnter:()=>m&&g(o),onMouseLeave:()=>g(null),children:jsxs("div",{className:"relative h-full w-full overflow-hidden rounded-lg border transition-shadow duration-300",style:{borderColor:m&&l===o?"rgba(217,171,89,0.5)":T,boxShadow:m&&l===o?"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:i.src,alt:i.alt??"",className:"h-full w-full object-cover",draggable:false}),p&&jsx("div",{className:"pointer-events-none absolute inset-0 opacity-[0.04]",style:{backgroundImage:$}}),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%)"}}),m&&l===o&&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:i.title})})]})},o))}),a.length>d&&jsxs("span",{className:"font-mono text-xs",style:{color:E},children:["+ ",a.length-d," more"]}),jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] transition-opacity duration-300",style:{color:E,opacity:m?0:.7},children:"Hover to explore"})]})}function ge({photos:a,currentIndex:s,onIndexChange:p,onClose:b,actions:m,activeActions:h,onAction:l,showGrain:g}){let d=a[s],[r,x]=useState(1),[L,i]=useState({x:0,y:0}),[o,f]=useState(false),[F,v]=useState(false),y=useRef(false),S=useRef({x:0,y:0}),w=useRef(null);useLayoutEffect(()=>{requestAnimationFrame(()=>v(true));},[]),useEffect(()=>{let t=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=t;}},[]),useEffect(()=>{let t=u=>{switch(u.key){case "Escape":b();break;case "ArrowLeft":R(-1);break;case "ArrowRight":R(1);break;case "i":case "I":f(A=>!A);break}};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)}),useEffect(()=>{let t=w.current;if(!t)return;let u=A=>{A.preventDefault();let M=A.deltaY<0?1.12:.89;x(U=>{let _=Math.min(8,Math.max(1,U*M));return _<=1&&i({x:0,y:0}),_});};return t.addEventListener("wheel",u,{passive:false}),()=>t.removeEventListener("wheel",u)},[]);let R=useCallback(t=>{let u=s+t;u>=0&&u<a.length&&(p(u),x(1),i({x:0,y:0}));},[s,a.length,p]),P=useCallback(t=>{r<=1||(y.current=true,S.current={x:t.clientX,y:t.clientY},t.target.setPointerCapture(t.pointerId));},[r]),H=useCallback(t=>{if(!y.current)return;let u=t.clientX-S.current.x,A=t.clientY-S.current.y;S.current={x:t.clientX,y:t.clientY},i(M=>({x:M.x+u/r,y:M.y+A/r}));},[r]),X$1=useCallback(()=>{y.current=false;},[]),Y=useCallback(()=>{r>1?(x(1),i({x:0,y:0})):x(2.5);},[r]),Z=t=>h.has(`${s}-${t}`),c=d.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:b}),g&&jsx("div",{className:"pointer-events-none absolute inset-0 opacity-[0.025]",style:{backgroundImage:$,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:[s+1," / ",a.length]}),jsxs("div",{className:"flex items-center gap-1",children:[jsxs("span",{className:"mr-2 font-mono text-xs text-white/40",children:[r.toFixed(1),"x"]}),jsx("button",{className:"rounded-full p-2 text-white/60 transition-colors hover:bg-white/10 hover:text-white",onClick:()=>x(t=>Math.min(8,t*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:()=>{x(t=>{let u=Math.max(1,t*.7);return u<=1&&i({x:0,y:0}),u});},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:b,title:"Close",children:jsx(X,{className:"h-5 w-5"})})]})]}),jsxs("div",{ref:w,className:"relative flex flex-1 items-center justify-center overflow-hidden",style:{cursor:r>1?"grab":"default"},onPointerDown:P,onPointerMove:H,onPointerUp:X$1,onDoubleClick:Y,children:[jsx("img",{src:d.src,alt:d.alt??d.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(${r}) translate(${L.x}px, ${L.y}px)`,transition:y.current?"none":"transform 0.15s ease-out"},draggable:false},s),s>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:t=>{t.stopPropagation(),R(-1);},children:jsx(ChevronLeft,{className:"h-6 w-6"})}),s<a.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:t=>{t.stopPropagation(),R(1);},children:jsx(ChevronRight,{className:"h-6 w-6"})})]}),jsx("div",{className:C("absolute inset-x-0 bottom-0 z-20 transition-all duration-400",o?"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:[d.title&&jsx("h3",{className:"mb-3 text-xl font-semibold text-white",children:d.title}),d.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:d.description}),c&&jsxs("div",{className:"flex flex-wrap gap-x-6 gap-y-2 text-sm text-white/70",children:[c.camera&&jsxs("span",{className:"flex items-center gap-1.5",children:[jsx(Camera,{className:"h-3.5 w-3.5 text-amber-400/80"})," ",c.camera,c.lens&&jsx("span",{className:"text-white/40",children:"\xB7"}),c.lens&&c.lens]}),(c.aperture||c.shutter||c.iso)&&jsxs("span",{className:"flex items-center gap-1.5",children:[jsx(Aperture,{className:"h-3.5 w-3.5 text-amber-400/80"}),[c.aperture,c.shutter,c.iso&&`ISO ${c.iso}`].filter(Boolean).join(" \xB7 ")]}),c.date&&jsxs("span",{className:"flex items-center gap-1.5",children:[jsx(Calendar,{className:"h-3.5 w-3.5 text-amber-400/80"})," ",c.date]}),c.location&&jsxs("span",{className:"flex items-center gap-1.5",children:[jsx(MapPin,{className:"h-3.5 w-3.5 text-amber-400/80"})," ",c.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:[m.map(t=>{let u=t.toggle&&Z(t.key);return jsx("button",{className:C("rounded-full p-2.5 transition-all duration-200",u?"text-amber-400 hover:text-amber-300":"text-white/60 hover:bg-white/10 hover:text-white"),onClick:()=>l(t.key,s),title:t.label,children:u&&t.activeIcon?t.activeIcon:t.icon},t.key)}),jsx("div",{className:"mx-1 h-5 w-px bg-white/10"}),jsx("button",{className:C("rounded-full p-2.5 transition-all duration-200",o?"text-amber-400 hover:text-amber-300":"text-white/60 hover:bg-white/10 hover:text-white"),onClick:()=>f(t=>!t),title:"Photo info (I)",children:jsx(Info,{className:"h-5 w-5"})})]})})]})}
+export{Re as FilmReel};

package/dist/Extras/Masonry.cjs

@@ -0,0 +1 @@
+'use strict';var S=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var S__default=/*#__PURE__*/_interopDefault(S);function N(...c){return tailwindMerge.twMerge(clsx.clsx(c))}function X(c,i){let r=i.getBoundingClientRect(),n=Math.max(r.width,r.height)*1.2,l=c.clientX-r.left,f=c.clientY-r.top,s=document.createElement("span");s.className="masonry-ripple",s.style.width=`${n}px`,s.style.height=`${n}px`,s.style.left=`${l}px`,s.style.top=`${f}px`,i.appendChild(s),s.addEventListener("animationend",()=>s.remove());}function Z({columns:c,columnWidth:i=240,gap:r=16,items:n,onItemClick:l,className:f,style:s,children:T,...A}){let h=S.useRef(null),v=S.useRef([]),[I,O]=S.useState(()=>c??1),[b,P]=S.useState([]),[$,z]=S.useState(0),E=n?n.map((t,e)=>({key:t.key??e,node:t.content})):S__default.default.Children.toArray(T).map((t,e)=>({key:t.key??e,node:t})),p=E.length,k=S.useCallback(t=>c??Math.max(1,Math.floor((t+r)/(i+r))),[c,i,r]),a=S.useCallback(()=>{let t=h.current;if(!t)return;let e=t.clientWidth,o=k(e);O(o);let H=(e-(o-1)*r)/o,m=new Array(o).fill(0),C=[];for(let M=0;M<p;M++){let g=v.current[M],V=g?g.offsetHeight:0,u=0;for(let y=1;y<o;y++)m[y]<m[u]&&(u=y);C.push({top:m[u],left:u*(H+r),width:H}),m[u]+=V+r;}let K=Math.max(0,...m)-(p?r:0);P(C),z(K);},[p,k,r]);S.useEffect(()=>{let t=h.current;if(!t)return;let e=new ResizeObserver(()=>a());return e.observe(t),()=>e.disconnect()},[a]),S.useEffect(()=>{let t=requestAnimationFrame(a);return ()=>cancelAnimationFrame(t)},[a]),S.useEffect(()=>{let t=new ResizeObserver(()=>a());return v.current.forEach(e=>{e&&t.observe(e);}),()=>t.disconnect()},[p,I,a]);let W=S.useCallback((t,e)=>{let o=t.currentTarget;X(t,o),l?.(n?.[e],e);},[l,n]),F=t=>{if(!n)return  false;let e=n[t];return !!(e.title||e.description||e.actions)};return jsxRuntime.jsx("div",{ref:h,className:N("relative",f),style:{...s,height:$},...A,children:E.map((t,e)=>jsxRuntime.jsxs("div",{ref:o=>{v.current[e]=o;},className:"masonry-item",role:"button",tabIndex:0,onClick:o=>W(o,e),onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),l?.(n?.[e],e));},style:{position:"absolute",top:b[e]?.top??0,left:b[e]?.left??0,width:b[e]?.width??"100%"},children:[t.node,F(e)&&jsxRuntime.jsxs("div",{className:"masonry-item-overlay",children:[n[e].title&&jsxRuntime.jsx("p",{className:"masonry-item-overlay-title",children:n[e].title}),n[e].description&&jsxRuntime.jsx("p",{className:"masonry-item-overlay-desc",children:n[e].description}),n[e].actions&&jsxRuntime.jsx("div",{className:"masonry-item-overlay-actions",children:n[e].actions})]})]},t.key))})}exports.Masonry=Z;

package/dist/Extras/Masonry.d.cts

@@ -0,0 +1,3 @@
+export { Masonry_alias_3 as Masonry } from '../_tsup-dts-rollup.cjs';
+export { MasonryItemData_alias_2 as MasonryItemData } from '../_tsup-dts-rollup.cjs';
+export { MasonryProps_alias_2 as MasonryProps } from '../_tsup-dts-rollup.cjs';

package/dist/Extras/Masonry.d.ts

@@ -0,0 +1,3 @@
+export { Masonry_alias_3 as Masonry } from '../_tsup-dts-rollup.js';
+export { MasonryItemData_alias_2 as MasonryItemData } from '../_tsup-dts-rollup.js';
+export { MasonryProps_alias_2 as MasonryProps } from '../_tsup-dts-rollup.js';

package/dist/Extras/Masonry.js

@@ -0,0 +1 @@
+import S,{useRef,useState,useCallback,useEffect}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function N(...c){return twMerge(clsx(c))}function X(c,i){let r=i.getBoundingClientRect(),n=Math.max(r.width,r.height)*1.2,l=c.clientX-r.left,f=c.clientY-r.top,s=document.createElement("span");s.className="masonry-ripple",s.style.width=`${n}px`,s.style.height=`${n}px`,s.style.left=`${l}px`,s.style.top=`${f}px`,i.appendChild(s),s.addEventListener("animationend",()=>s.remove());}function Z({columns:c,columnWidth:i=240,gap:r=16,items:n,onItemClick:l,className:f,style:s,children:T,...A}){let h=useRef(null),v=useRef([]),[I,O]=useState(()=>c??1),[b,P]=useState([]),[$,z]=useState(0),E=n?n.map((t,e)=>({key:t.key??e,node:t.content})):S.Children.toArray(T).map((t,e)=>({key:t.key??e,node:t})),p=E.length,k=useCallback(t=>c??Math.max(1,Math.floor((t+r)/(i+r))),[c,i,r]),a=useCallback(()=>{let t=h.current;if(!t)return;let e=t.clientWidth,o=k(e);O(o);let H=(e-(o-1)*r)/o,m=new Array(o).fill(0),C=[];for(let M=0;M<p;M++){let g=v.current[M],V=g?g.offsetHeight:0,u=0;for(let y=1;y<o;y++)m[y]<m[u]&&(u=y);C.push({top:m[u],left:u*(H+r),width:H}),m[u]+=V+r;}let K=Math.max(0,...m)-(p?r:0);P(C),z(K);},[p,k,r]);useEffect(()=>{let t=h.current;if(!t)return;let e=new ResizeObserver(()=>a());return e.observe(t),()=>e.disconnect()},[a]),useEffect(()=>{let t=requestAnimationFrame(a);return ()=>cancelAnimationFrame(t)},[a]),useEffect(()=>{let t=new ResizeObserver(()=>a());return v.current.forEach(e=>{e&&t.observe(e);}),()=>t.disconnect()},[p,I,a]);let W=useCallback((t,e)=>{let o=t.currentTarget;X(t,o),l?.(n?.[e],e);},[l,n]),F=t=>{if(!n)return  false;let e=n[t];return !!(e.title||e.description||e.actions)};return jsx("div",{ref:h,className:N("relative",f),style:{...s,height:$},...A,children:E.map((t,e)=>jsxs("div",{ref:o=>{v.current[e]=o;},className:"masonry-item",role:"button",tabIndex:0,onClick:o=>W(o,e),onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),l?.(n?.[e],e));},style:{position:"absolute",top:b[e]?.top??0,left:b[e]?.left??0,width:b[e]?.width??"100%"},children:[t.node,F(e)&&jsxs("div",{className:"masonry-item-overlay",children:[n[e].title&&jsx("p",{className:"masonry-item-overlay-title",children:n[e].title}),n[e].description&&jsx("p",{className:"masonry-item-overlay-desc",children:n[e].description}),n[e].actions&&jsx("div",{className:"masonry-item-overlay-actions",children:n[e].actions})]})]},t.key))})}export{Z as Masonry};

package/dist/Extras/MiniPlayer.cjs

@@ -0,0 +1,6 @@
+'use strict';var react=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');function n(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var V="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 ne(o){if(!isFinite(o)||o<0)return "0:00";let R=Math.floor(o/60),p=Math.floor(o%60);return `${R}:${p.toString().padStart(2,"0")}`}function Ae(o){return o.startsWith("bottom")?"bottom":o.startsWith("top")?"top":"right"}var ze={"bottom-right":"bottom-4 right-4","bottom-left":"bottom-4 left-4","top-right":"top-4 right-4","top-left":"top-4 left-4"},Ve={"bottom-right":"bottom-4 right-0","bottom-left":"bottom-4 left-0","top-right":"top-4 right-0","top-left":"top-4 left-0"},We={"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 et({playlist:o,initialTrack:R=0,position:p="bottom-right",entrance:re,theme:W,docked:O=false,visible:_,onVisibleChange:y,onTrackChange:B,onLike:U,autoPlay:X=true,shuffle:ae=false,loop:ie=false,accent:F="#8b5cf6",className:se}){let [a,le]=react.useState(R),[d,D]=react.useState(false),[K,$]=react.useState(0),[k,ce]=react.useState(0),[M,ue]=react.useState(.8),[b,q]=react.useState(false),[P,de]=react.useState(new Set),[me,fe]=react.useState(false),[he,j]=react.useState(_??!O),[C,H]=react.useState(false),[I,A]=react.useState(false),[g,pe]=react.useState(ae),[z,ve]=react.useState(ie),G=react.useRef(false),m=react.useRef(null),be=react.useRef(null),x=react.useRef(void 0),S=_??he,J=re??Ae(p),s=o[a],f=O,ge=W==="dark"?"dark":W==="light"?"light":"",xe="bg-(--mp-bg)",E="text-(--mp-text)",l="text-(--mp-text-muted)",T="text-(--accent)",Q="border-(--mp-border)";react.useEffect(()=>{let e=m.current;e&&(e.src=s.src,e.load(),d&&e.play().catch(()=>{}));},[a,s.src]),react.useEffect(()=>{if(!X||G.current)return;let e=m.current;if(!e)return;let r=()=>{G.current=true,D(true),e.play().catch(()=>{});};return e.addEventListener("canplaythrough",r,{once:true}),()=>e.removeEventListener("canplaythrough",r)},[X]),react.useEffect(()=>{let e=m.current;e&&(d?e.play().catch(()=>{}):e.pause());},[d]),react.useEffect(()=>{let e=m.current;e&&(e.volume=b?0:M);},[M,b]),react.useEffect(()=>{let e=m.current;if(!e)return;let r=()=>$(e.currentTime),u=()=>ce(e.duration),h=()=>{z?(e.currentTime=0,e.play().catch(()=>{})):Y();};return e.addEventListener("timeupdate",r),e.addEventListener("loadedmetadata",u),e.addEventListener("ended",h),()=>{e.removeEventListener("timeupdate",r),e.removeEventListener("loadedmetadata",u),e.removeEventListener("ended",h);}},[a,o.length]);let v=react.useCallback(e=>{let r=(e%o.length+o.length)%o.length;le(r),$(0),B?.(r,o[r]),S||(j(true),y?.(true));},[o,S,B,y]),Y=react.useCallback(()=>{if(g){let e;do e=Math.floor(Math.random()*o.length);while(e===a&&o.length>1);v(e);}else v(a+1);},[v,a,g,o.length]),we=react.useCallback(()=>{if(g){let e;do e=Math.floor(Math.random()*o.length);while(e===a&&o.length>1);v(e);}else v(a-1);},[v,a,g,o.length]),Ne=react.useCallback(()=>{let e=P.has(a);de(r=>{let u=new Set(r);return e?u.delete(a):u.add(a),u}),U?.(a,s,!e);},[a,P,U,s]),ye=react.useCallback(e=>{let r=e.currentTarget.getBoundingClientRect(),h=Math.max(0,Math.min(1,(e.clientX-r.left)/r.width))*k;m.current&&(m.current.currentTime=h),$(h);},[k]),Z=react.useCallback(()=>{H(true);let e=f?200:400;x.current=setTimeout(()=>{H(false),j(false),y?.(false);},e);},[f,y]);react.useEffect(()=>()=>{x.current&&clearTimeout(x.current);},[]);let ke=I?"fade-in 0.2s ease-out both":`mp-enter-${J} 0.45s cubic-bezier(0.16, 1, 0.3, 1) both`,Pe=I?"fade-in 0.2s ease-in reverse both":`mp-exit-${J} 0.4s cubic-bezier(0.7, 0, 0.84, 0) both`,ee=k>0?K/k*100:0;return f&&!S&&!C?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("audio",{ref:m,preload:"metadata"}),jsxRuntime.jsxs("div",{className:n("fixed z-100 cursor-pointer transition-all duration-300",We[p]),style:{"--accent":F},onMouseEnter:()=>{A(true),j(true),y?.(true);},children:[jsxRuntime.jsx("div",{className:n("h-full w-full rounded-full",d?"bg-(--accent)":"bg-(--mp-dock-strip)"),style:d?{animation:"mp-progress-glow 2s ease-in-out infinite",boxShadow:"0 0 12px color-mix(in srgb, var(--accent) 50%, transparent)"}:void 0}),d&&jsxRuntime.jsx("div",{className:"absolute inset-0 rounded-full bg-(--accent)/30",style:{animation:"mp-pulse-ring 2s ease-out infinite"}})]})]}):!S&&!C?jsxRuntime.jsx("audio",{ref:m,preload:"metadata"}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("audio",{ref:m,preload:"metadata"}),jsxRuntime.jsx("div",{className:n("fixed z-100",f?Ve[p]:ze[p],ge),style:{"--accent":F,...C?{animation:Pe}:{animation:ke}},onMouseEnter:()=>{f&&(x.current&&(clearTimeout(x.current),x.current=void 0),C&&H(false),A(true));},onMouseLeave:()=>{f&&(A(false),Z());},children:jsxRuntime.jsxs("div",{className:n("w-[320px] overflow-hidden rounded-2xl border shadow-2xl backdrop-blur-xl",xe,Q,f&&"rounded-none",p.endsWith("right")&&f&&"rounded-l-2xl",p.endsWith("left")&&f&&"rounded-r-2xl",se),children:[jsxRuntime.jsxs("div",{className:"relative",children:[jsxRuntime.jsx("div",{className:"absolute inset-0 overflow-hidden",children:jsxRuntime.jsx("img",{src:s.cover||V,alt:"",className:"h-full w-full scale-110 object-cover opacity-30 blur-2xl",draggable:false})}),jsxRuntime.jsxs("div",{className:"relative flex items-center gap-3.5 p-4 pb-3",children:[jsxRuntime.jsxs("div",{className:"relative h-14 w-14 shrink-0",children:[jsxRuntime.jsxs("div",{className:"h-14 w-14 overflow-hidden rounded-full border-2 border-white/10 shadow-lg",style:d?{animation:"mp-vinyl-spin 4s linear infinite"}:void 0,children:[jsxRuntime.jsx("img",{src:s.cover||V,alt:s.album??s.title,className:"h-full w-full object-cover",draggable:false}),jsxRuntime.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:jsxRuntime.jsx("div",{className:"h-3 w-3 rounded-full bg-black/60 ring-1 ring-white/10"})})]}),d&&jsxRuntime.jsx("div",{className:"absolute inset-0 rounded-full bg-(--accent)/20",style:{animation:"mp-pulse-ring 2.5s ease-out infinite"}})]}),jsxRuntime.jsxs("div",{className:"min-w-0 flex-1",children:[jsxRuntime.jsx("div",{className:n("truncate text-sm font-semibold",E),children:s.title}),s.artist&&jsxRuntime.jsx("div",{className:n("truncate text-xs",l),children:s.artist}),s.album&&jsxRuntime.jsx("div",{className:n("mt-0.5 truncate text-[10px] tracking-wide",l,"opacity-60"),children:s.album})]}),jsxRuntime.jsxs("div",{className:"flex shrink-0 items-center gap-0.5",children:[jsxRuntime.jsx("button",{className:n("rounded-full p-1.5 transition-all duration-200",P.has(a)?"text-rose-500 hover:text-rose-400":n(l,"hover:text-rose-500")),onClick:Ne,title:"Like",children:jsxRuntime.jsx(lucideReact.Heart,{className:"h-4 w-4",fill:P.has(a)?"currentColor":"none"})}),jsxRuntime.jsx("button",{className:n("rounded-full p-1.5 transition-colors",l,"hover:"+E.split(" ")[0]),onClick:()=>fe(e=>!e),title:"Playlist",children:jsxRuntime.jsx(lucideReact.ListMusic,{className:"h-4 w-4"})}),!f&&jsxRuntime.jsx("button",{className:n("rounded-full p-1.5 transition-colors",l,"hover:"+E.split(" ")[0]),onClick:Z,title:"Dismiss",children:jsxRuntime.jsx(lucideReact.X,{className:"h-3.5 w-3.5"})})]})]})]}),jsxRuntime.jsxs("div",{className:"px-4",children:[jsxRuntime.jsxs("div",{ref:be,className:"group relative h-1.5 cursor-pointer rounded-full bg-(--mp-surface)",onClick:ye,children:[jsxRuntime.jsx("div",{className:"h-full rounded-full bg-(--accent) transition-[width] duration-150",style:{width:`${ee}%`}}),jsxRuntime.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(${ee}% - 6px)`}})]}),jsxRuntime.jsxs("div",{className:n("mt-1 flex justify-between text-[10px] font-mono",l),children:[jsxRuntime.jsx("span",{children:ne(K)}),jsxRuntime.jsx("span",{children:ne(k)})]})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-center gap-2 px-4 pb-3 pt-1",children:[jsxRuntime.jsx("button",{className:n("rounded-full p-1.5 transition-colors",g?T:l,"hover:text-(--mp-text)"),onClick:()=>pe(e=>!e),title:g?"Shuffle On":"Shuffle Off",children:jsxRuntime.jsx(lucideReact.Shuffle,{className:"h-3.5 w-3.5"})}),jsxRuntime.jsx("button",{className:n("rounded-full p-1.5 transition-colors",z?T:l,"hover:text-(--mp-text)"),onClick:()=>ve(e=>!e),title:z?"Loop On":"Loop Off",children:jsxRuntime.jsx(lucideReact.Repeat1,{className:"h-3.5 w-3.5"})}),jsxRuntime.jsx("button",{className:n("rounded-full p-2 transition-colors",l,"hover:text-(--mp-text)"),onClick:we,title:"Previous",children:jsxRuntime.jsx(lucideReact.SkipBack,{className:"h-4 w-4",fill:"currentColor"})}),jsxRuntime.jsx("button",{className:n("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:()=>D(e=>!e),title:d?"Pause":"Play",children:d?jsxRuntime.jsx(lucideReact.Pause,{className:"h-4.5 w-4.5",fill:"currentColor"}):jsxRuntime.jsx(lucideReact.Play,{className:"h-4.5 w-4.5 translate-x-px",fill:"currentColor"})}),jsxRuntime.jsx("button",{className:n("rounded-full p-2 transition-colors",l,"hover:text-(--mp-text)"),onClick:Y,title:"Next",children:jsxRuntime.jsx(lucideReact.SkipForward,{className:"h-4 w-4",fill:"currentColor"})}),jsxRuntime.jsxs("div",{className:"ml-2 flex items-center gap-1.5",children:[jsxRuntime.jsx("button",{className:n("rounded-full p-1 transition-colors",l,"hover:text-(--mp-text)"),onClick:()=>q(e=>!e),title:b?"Unmute":"Mute",children:b||M===0?jsxRuntime.jsx(lucideReact.VolumeX,{className:"h-3.5 w-3.5"}):jsxRuntime.jsx(lucideReact.Volume2,{className:"h-3.5 w-3.5"})}),jsxRuntime.jsx("input",{type:"range",min:0,max:1,step:.01,value:b?0:M,onChange:e=>{ue(Number(e.target.value)),b&&q(false);},className:"mp-volume-slider h-1 w-14 cursor-pointer appearance-none rounded-full bg-(--mp-surface) accent-(--accent)"})]})]}),jsxRuntime.jsx("div",{className:n("overflow-hidden transition-all duration-300 ease-in-out",me?"max-h-60":"max-h-0"),children:jsxRuntime.jsx("div",{className:n("border-t px-2 py-2",Q),children:jsxRuntime.jsx("div",{className:"max-h-52 space-y-0.5 overflow-y-auto",children:o.map((e,r)=>{let u=r===a;return jsxRuntime.jsxs("button",{className:n("flex w-full items-center gap-2.5 rounded-lg px-2.5 py-2 text-left transition-all duration-200",u?"bg-(--accent)/10 dark:bg-(--accent)/15":"hover:bg-(--mp-surface-hover)"),onClick:()=>{v(r),D(true);},children:[jsxRuntime.jsx("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center",children:u&&d?jsxRuntime.jsx("div",{className:"flex items-end gap-0.5",children:[1,2,3].map(h=>jsxRuntime.jsx("div",{className:"w-0.75 rounded-full bg-(--accent)",style:{height:`${8+h*4}px`,animation:`mp-eq-bar ${.4+h*.15}s ease-in-out infinite alternate`}},h))}):u?jsxRuntime.jsx(lucideReact.Disc3,{className:n("h-4 w-4",T)}):jsxRuntime.jsx("span",{className:n("text-xs font-mono",l),children:r+1})}),jsxRuntime.jsx("div",{className:"h-8 w-8 shrink-0 overflow-hidden rounded",children:jsxRuntime.jsx("img",{src:e.cover||V,alt:"",className:"h-full w-full object-cover",draggable:false})}),jsxRuntime.jsxs("div",{className:"min-w-0 flex-1",children:[jsxRuntime.jsx("div",{className:n("truncate text-xs font-medium",u?T:E),children:e.title}),e.artist&&jsxRuntime.jsx("div",{className:n("truncate text-[10px]",l),children:e.artist})]}),P.has(r)&&jsxRuntime.jsx(lucideReact.Heart,{className:"h-3 w-3 shrink-0 text-rose-500",fill:"currentColor"})]},r)})})})})]})})]})}exports.MiniPlayer=et;

package/dist/Extras/MiniPlayer.d.cts

@@ -0,0 +1,5 @@
+export { MiniPlayer_alias_3 as MiniPlayer } from '../_tsup-dts-rollup.cjs';
+export { MiniPlayerTrack_alias_2 as MiniPlayerTrack } from '../_tsup-dts-rollup.cjs';
+export { MiniPlayerPosition_alias_2 as MiniPlayerPosition } from '../_tsup-dts-rollup.cjs';
+export { MiniPlayerEntrance_alias_2 as MiniPlayerEntrance } from '../_tsup-dts-rollup.cjs';
+export { MiniPlayerProps_alias_2 as MiniPlayerProps } from '../_tsup-dts-rollup.cjs';

package/dist/Extras/MiniPlayer.d.ts

@@ -0,0 +1,5 @@
+export { MiniPlayer_alias_3 as MiniPlayer } from '../_tsup-dts-rollup.js';
+export { MiniPlayerTrack_alias_2 as MiniPlayerTrack } from '../_tsup-dts-rollup.js';
+export { MiniPlayerPosition_alias_2 as MiniPlayerPosition } from '../_tsup-dts-rollup.js';
+export { MiniPlayerEntrance_alias_2 as MiniPlayerEntrance } from '../_tsup-dts-rollup.js';
+export { MiniPlayerProps_alias_2 as MiniPlayerProps } from '../_tsup-dts-rollup.js';