@wyxos/vibe 3.1.17 → 3.1.19

package/lib/components/Layout.vue.d.ts

@@ -29,11 +29,13 @@ declare const __VLS_base: import("vue").DefineComponent<VibeProps, VibeHandle, {
     "update:surfaceMode": (value: "fullscreen" | "list") => any;
     "asset-errors": (errors: VibeAssetErrorEvent[]) => any;
     "asset-loads": (loads: VibeAssetLoadEvent[]) => any;
+    "items-change": (items: VibeViewerItem[]) => any;
 }, string, import("vue").PublicProps, Readonly<VibeProps> & Readonly<{
     "onUpdate:activeIndex"?: ((value: number) => any) | undefined;
     "onUpdate:surfaceMode"?: ((value: "fullscreen" | "list") => any) | undefined;
     "onAsset-errors"?: ((errors: VibeAssetErrorEvent[]) => any) | undefined;
     "onAsset-loads"?: ((loads: VibeAssetLoadEvent[]) => any) | undefined;
+    "onItems-change"?: ((items: VibeViewerItem[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/viewer-core/autoBuckets.d.ts

@@ -17,7 +17,8 @@ export declare function resolveVibeBucketItems(nextItems: VibeViewerItem[], prev
     items: VibeViewerItem[];
     nextSequence: number;
 };
-export declare function mergeRefreshedVibeBucketItems(nextItems: VibeViewerItem[], previousItems: VibeViewerItem[], sequence: number, edge: 'leading' | 'trailing'): {
+export declare function mergeRefreshedVibeBucketItems(nextItems: VibeViewerItem[], previousItems: VibeViewerItem[], sequence: number): {
+    insertedCount: number;
     items: VibeViewerItem[];
     nextSequence: number;
 };

package/lib/components/viewer-core/autoResolveState.d.ts

@@ -34,7 +34,6 @@ export declare function createAutoResolveBucket(options: {
 };
 export declare function refreshAutoResolveBucket(options: {
     cursor: string | null;
-    edge: 'leading' | 'trailing';
     nextCursor: string | null;
     nextCursorExhausted?: boolean;
     nextItems: VibeViewerItem[];
@@ -49,6 +48,7 @@ export declare function refreshAutoResolveBucket(options: {
         nextCursorExhausted: boolean;
         previousCursor: string | null;
     };
+    insertedCount: number;
     nextSequence: number;
 };
 export declare function finalizeCollectedBuckets(buckets: VibeAutoBucket[], direction: VibeAutoDirection, removedIds: Set<string>, canceled: boolean): VibeCollectedBuckets | null;

package/lib/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require(`vue`);var t=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},n=e=>e===``,r=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),i=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),a=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),o=e=>{let t=a(e);return t.charAt(0).toUpperCase()+t.slice(1)},s={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`},c=({name:a,iconNode:c,absoluteStrokeWidth:l,"absolute-stroke-width":u,strokeWidth:d,"stroke-width":f,size:p=s.width,color:m=s.stroke,...h},{slots:g})=>(0,e.h)(`svg`,{...s,...h,width:p,height:p,stroke:m,"stroke-width":n(l)||n(u)||l===!0||u===!0?Number(d||f||s[`stroke-width`])*24/Number(p):d||f||s[`stroke-width`],class:r(`lucide`,h.class,...a?[`lucide-${i(o(a))}-icon`,`lucide-${i(a)}`]:[`lucide-icon`]),...!g.default&&!t(h)&&{"aria-hidden":`true`}},[...c.map(t=>(0,e.h)(...t)),...g.default?[g.default()]:[]]),l=(t,n)=>(r,{slots:i,attrs:a})=>(0,e.h)(c,{...a,...r,iconNode:n,name:t},i),u=l(`arrow-left`,[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]]),d=l(`audio-lines`,[[`path`,{d:`M2 10v3`,key:`1fnikh`}],[`path`,{d:`M6 6v11`,key:`11sgs0`}],[`path`,{d:`M10 3v18`,key:`yhl04a`}],[`path`,{d:`M14 8v7`,key:`3a1oy3`}],[`path`,{d:`M18 5v13`,key:`123xd1`}],[`path`,{d:`M22 10v3`,key:`154ddg`}]]),f=l(`clapperboard`,[[`path`,{d:`m12.296 3.464 3.02 3.956`,key:`qash78`}],[`path`,{d:`M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z`,key:`1h7j8b`}],[`path`,{d:`M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`,key:`4lm6w1`}],[`path`,{d:`m6.18 5.276 3.1 3.899`,key:`zjj9t3`}]]),p=l(`file`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}]]),m=l(`image-plus`,[[`path`,{d:`M16 5h6`,key:`1vod17`}],[`path`,{d:`M19 2v6`,key:`4bpg5p`}],[`path`,{d:`M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5`,key:`1ue2ih`}],[`path`,{d:`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,key:`1xmnt7`}],[`circle`,{cx:`9`,cy:`9`,r:`2`,key:`af1f0g`}]]),h=l(`loader-circle`,[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]]),g=l(`pause`,[[`rect`,{x:`14`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`kaeet6`}],[`rect`,{x:`5`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`1wsw3u`}]]),_=l(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),v=l(`triangle-alert`,[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`,key:`wmoenq`}],[`path`,{d:`M12 9v4`,key:`juzpu7`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),y=l(`volume-1`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}]]),b=l(`volume-2`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}],[`path`,{d:`M19.364 18.364a9 9 0 0 0 0-12.728`,key:`ijwkga`}]]),x=l(`volume-x`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`line`,{x1:`22`,x2:`16`,y1:`9`,y2:`15`,key:`1ewh16`}],[`line`,{x1:`16`,x2:`22`,y1:`9`,y2:`15`,key:`5ykzw1`}]]);function S(e,t=150){return w(e,e=>`${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`,t)}function C(e,t=150){return w(e,e=>`${e.surface}|${e.occurrenceKey}|${e.url}`,t)}function w(e,t,n){let r=[],i=new Set,a=null;function o(e){let o=t(e);i.has(o)||(i.add(o),r.push(e),!a&&(a=setTimeout(()=>{s()},n)))}function s(){if(a&&=(clearTimeout(a),null),!r.length)return;let t=r.slice();r.length=0,i.clear(),e(t)}function c(){a&&=(clearTimeout(a),null),r.length=0,i.clear()}return{flush:s,report:o,stop:c}}function T(e){return e instanceof HTMLElement&&[`INPUT`,`TEXTAREA`,`SELECT`].includes(e.tagName)}function E(e){return e instanceof HTMLElement&&!!e.closest(`[data-swipe-lock], input, textarea, select, a`)}function D(e){return e===`filling`||e===`initializing`||e===`loading`||e===`refreshing`}function O(e){return!e||!Number.isFinite(e)||e<1?25:Math.floor(e)}function k(e){return e??`__vibe_initial_cursor__`}function A(e,t,n){return Math.min(Math.max(e,t),n)}var j=`__vibeOccurrenceKey`;function M(e){let t=e[j];return typeof t==`string`&&t.length>0?t:e.id}function N(e,t,n){let r=new Map,i=[],a=n;for(let e of t){let t=r.get(e.id),n=M(e);t?t.push(n):r.set(e.id,[n])}for(let t of e){let e=r.get(t.id)?.shift()??`vibe-occurrence-${a+=1}`;i.push(P(t,e))}return{items:i,nextSequence:a}}function P(e,t){return M(e)===t?e:{...e,[j]:t}}function F(){let t=(0,e.ref)(new Set),n=(0,e.ref)([]);function r(e){let r=I(e).filter(e=>!t.value.has(e));if(!r.length)return{ids:[]};let i=new Set(t.value);for(let e of r)i.add(e);return t.value=i,n.value=[...n.value,r],{ids:r}}function i(e){let n=I(e).filter(e=>t.value.has(e));if(!n.length)return{ids:[]};let r=new Set(t.value);for(let e of n)r.delete(e);return t.value=r,{ids:n}}function a(){if(!n.value.length)return null;let e=[...n.value],r=e.pop()??[];n.value=e;let i=r.filter(e=>t.value.has(e));if(!i.length)return{ids:[]};let a=new Set(t.value);for(let e of i)a.delete(e);return t.value=a,{ids:i}}function o(){!t.value.size&&!n.value.length||(t.value=new Set,n.value=[])}function s(){return Array.from(t.value)}return{clearRemoved:o,getRemovedIds:s,remove:r,removedIds:t,restore:i,undo:a}}function I(e){let t=Array.isArray(e)?e:[e];return Array.from(new Set(t.filter(e=>typeof e==`string`&&e.length>0)))}function L(e){return e.flatMap(e=>e.items)}function R(e,t){return t.size?e.filter(e=>!t.has(e.id)):e}function z(e,t){return R(e.items,t)}function B(e,t){return z(e,t).length}function V(e,t,n){if(n<0)return null;let r=0;for(let i of e){let e=z(i,t),a=r+e.length;if(n<a)return i.cursor;r=a}return null}function H(e,t,n){let r=[...e],i=r.findIndex(e=>e.cursor===t);return i>=0&&r.splice(i,1,n),r}function U(e,t,n){let r=N(e,t,n);return{items:r.items,nextSequence:r.nextSequence}}function W(e,t,n,r){let i=new Map,a=e.map(e=>({item:e,matchIndex:null,occurrenceKey:null})),o=new Map,s=new Map,c=n;for(let[e,n]of t.entries()){let t=i.get(n.id),r={index:e,occurrenceKey:M(n)};t?t.push(r):i.set(n.id,[r])}for(let e of a){let t=i.get(e.item.id)?.shift();t&&(e.matchIndex=t.index,e.occurrenceKey=t.occurrenceKey)}let l=[],u=null;for(let e of a)l.push(u),e.matchIndex!==null&&(u=e.matchIndex);let d=Array(a.length).fill(null),f=null;for(let e=a.length-1;e>=0;--e)d[e]=f,a[e].matchIndex!==null&&(f=a[e].matchIndex);for(let[e,n]of a.entries()){if(n.matchIndex!==null&&n.occurrenceKey){o.set(n.matchIndex,G(n.item,n.occurrenceKey));continue}let i=d[e]??(l[e]===null?null:l[e]+1)??(r===`leading`?0:t.length),a=G(n.item,`vibe-occurrence-${c+=1}`),u=s.get(i);u?u.push(a):s.set(i,[a])}let p=[];for(let e=0;e<=t.length;e+=1){let n=s.get(e);n?.length&&p.push(...n),!(e>=t.length)&&p.push(o.get(e)??t[e])}return{items:p,nextSequence:c}}function G(e,t){return M(e)===t?e:{...e,__vibeOccurrenceKey:t}}function K(e){return e instanceof DOMException&&e.name===`AbortError`||e instanceof Error&&(e.name===`AbortError`||e.name===`CanceledError`)?!0:typeof e==`object`&&!!e&&`code`in e&&e.code===`ERR_CANCELED`}function q(e){let t=U(e.nextItems,e.previousItems,e.sequence);return{bucket:{cursor:e.cursor,items:t.items,nextCursor:e.nextCursor,nextCursorExhausted:e.nextCursorExhausted??!1,previousCursor:e.previousCursor},nextSequence:t.nextSequence}}function J(e){let t=W(e.nextItems,e.previousItems,e.sequence,e.edge);return{bucket:{cursor:e.cursor,items:t.items,nextCursor:e.nextCursor,nextCursorExhausted:e.nextCursorExhausted??!1,previousCursor:e.previousCursor},nextSequence:t.nextSequence}}function Y(e,t,n,r){if(!e.length)return r?null:{buckets:[],canceled:r,visibleCount:0};let i=t===`backward`?[...e].reverse():e;return{buckets:i,canceled:r,visibleCount:i.reduce((e,t)=>e+B(t,n),0)}}function X(e){let t=q({cursor:e.initialState.cursor,nextCursor:e.initialState.nextCursor??null,nextCursorExhausted:!1,nextItems:e.initialState.items,previousCursor:e.initialState.previousCursor??null,previousItems:[],sequence:e.sequence}),n=R(t.bucket.items,e.removedIds);return{activeIndex:A(e.initialState.activeIndex??0,0,Math.max(0,n.length-1)),buckets:[t.bucket],nextSequence:t.nextSequence}}function ee(e,t){let n=e[A(t,0,Math.max(0,e.length-1))];return n?M(n):null}function te(e,t,n=null){if(!e.length)return 0;let r=n?e.findIndex(e=>M(e)===n):-1;return r>=0?r:A(t,0,e.length-1)}function ne(e,t,n){return e?B(e,t)<n:!1}function re(e,t){return e.find(e=>B(e,t)>0)??e[0]??null}function ie(e,t){for(let n=e.length-1;n>=0;--n){let r=e[n];if(B(r,t)>0)return r}return e[e.length-1]??null}function ae(e){return!e?.nextCursor||!e.nextCursorExhausted?null:e.nextCursor}function oe(e,t,n,r){return t===void 0||n===null?e:e.map(e=>e.cursor!==t||e.nextCursor!==n?e:{...e,nextCursorExhausted:r})}function se(e,t,n){return n||e!==`forward`||t===null?{cursor:n,exhausted:!1}:{cursor:t,exhausted:!0}}function ce(e,t){if(t)return{cursor:t,exhausted:!1};let n=e.nextCursor??e.cursor;return{cursor:n,exhausted:!!n}}function le(e,t){let n=e.findIndex(e=>B(e,t)>0);if(n<0)return e;let r=n;for(let i=e.length-1;i>=n;--i)if(B(e[i],t)>0){r=i;break}return e.slice(n,r+1)}var ue=2e3,de=1e3,fe=100;function pe(e,t=ue,n=de){return t+Math.max(0,e-1)*n}function me(e,t){return!Number.isFinite(e)||e==null||e<0?t:Math.floor(e)}function he(){let t=(0,e.ref)(null),n=null,r=null,i=null;function a(e=!1){if(n&&=(clearInterval(n),null),r&&=(clearTimeout(r),null),t.value=null,e&&i){let e=i;i=null,e()}}async function o(e){a(!0),!(e<=0)&&(t.value=e,await new Promise(o=>{let s=Date.now(),c=!1,l=()=>{c||(c=!0,i=null,a(),o())};i=l;let u=()=>{let n=Math.max(0,e-(Date.now()-s));t.value=n,n<=0&&l()};n=setInterval(u,fe),r=setTimeout(l,e),u()}))}return{clear:a,remainingMs:t,wait:o}}function ge(t){let n=!!t.initialState?.items.length,r=(0,e.ref)([]),i=(0,e.ref)(0),a=(0,e.ref)([]),o=(0,e.ref)(!1),s=(0,e.ref)(null),c=(0,e.ref)(!n&&typeof t.resolve==`function`?`initializing`:`idle`),l=(0,e.ref)(null),u=(0,e.ref)(null),d=he(),f=d.remainingMs,p=(0,e.ref)(null),m=(0,e.ref)(!1),h=(0,e.ref)(!0),g=(0,e.ref)(!1),_=new Set,v=null,y=null,b=0,x=0,S=(0,e.computed)(()=>me(t.fillDelayMs,ue)),C=(0,e.computed)(()=>me(t.fillDelayStepMs,de)),w=(0,e.computed)(()=>typeof t.resolve==`function`),T=(0,e.computed)(()=>O(t.pageSize)),E=(0,e.computed)(()=>L(r.value)),j=(0,e.computed)(()=>R(E.value,t.removedIds.value)),N=(0,e.computed)(()=>i.value),P=(0,e.computed)(()=>D(c.value)||m.value),F=(0,e.computed)(()=>re(r.value,t.removedIds.value)),I=(0,e.computed)(()=>ie(r.value,t.removedIds.value)),z=(0,e.computed)(()=>I.value?.nextCursor??null),U=(0,e.computed)(()=>o.value?null:F.value?.previousCursor??null),W=(0,e.computed)(()=>!!z.value&&I.value?.nextCursorExhausted!==!0),G=(0,e.computed)(()=>!!U.value),fe=(0,e.computed)(()=>w.value&&r.value.length>0),ge=(0,e.computed)(()=>R(L(a.value),t.removedIds.value)),_e=(0,e.computed)(()=>V(r.value,t.removedIds.value,N.value)),ve=(0,e.computed)(()=>!j.value.length&&!P.value&&!!s.value);(0,e.watch)(()=>j.value.length,e=>{if(e===0){i.value=0;return}o.value&&=(He(),!1),i.value>e-1&&(i.value=e-1)}),(0,e.watch)(()=>i.value,()=>{h.value&&Ne()}),(0,e.watch)(()=>z.value,e=>{e&&!j.value.length&&c.value===`idle`&&Ne()}),(0,e.onMounted)(()=>{ze()||t.resolve&&ye()}),(0,e.onBeforeUnmount)(()=>{v?.abort(),v=null,d.clear(!0)});async function ye(){y=ye;let e=await Le({continueUntilFilled:!0,cursor:t.initialCursor??null,direction:`forward`,phase:`initializing`});e&&(r.value=e.buckets,i.value=0,Z())}async function be(){if(g.value||P.value)return;let e=!j.value.length,t=I.value,n={commitImmediately:e,originCursor:t?.cursor??null},r=ae(t);if(Ve(`trailing`)){if(!fe.value)return;let e=await Ie(`trailing`);e?.followCursor&&Ve(`trailing`)&&await Pe(e.followCursor,n);return}if(r){if(t?.cursor===r){await Ie(`trailing`);return}await Pe(r,n);return}if(!W.value){fe.value&&await Ie(`trailing`);return}await Pe(z.value,n)}async function xe(){if(!(g.value||!G.value||P.value)){if(Ve(`leading`)){let e=await Ie(`leading`);e?.itemsLoaded===0&&e.followCursor&&await Fe(e.followCursor);return}await Fe(U.value)}}async function Se(){if(ve.value){if(r.value=[],i.value=0,a.value=[],o.value=!1,s.value=null,c.value=w.value?`initializing`:`idle`,l.value=null,u.value=null,p.value=null,m.value=!1,_.clear(),v?.abort(),v=null,d.clear(!0),ze()){Z();return}await ye()}}async function Ce(){if(ve.value)return Se();g.value||c.value!==`failed`||!y||(s.value=null,await y())}async function we(){if(!a.value.length)return m.value=!1,Z();r.value=[...r.value,...a.value],a.value=[],m.value=!1,Z()}function Te(e){let n=j.value;if(!n.length)return;let r=A(e,0,n.length-1);r!==i.value&&(i.value=r,t.emit(`update:activeIndex`,r))}function Ee(e){h.value=e}function De(){g.value=!0,d.clear(!0)}function Oe(){g.value=!1}function ke(){b+=1,v?.abort(),v=null,d.clear(!0),_.clear(),s.value=null,l.value=null,u.value=null,p.value=null,a.value.length>0&&(r.value=[...r.value,...a.value],a.value=[]),m.value=!1,o.value=!1,Z()}function Ae(){return ee(j.value,N.value)}function je(e=null,t={}){if(j.value.length===0){i.value=0,!t.preserveTrailingPlaceholder&&r.value.length>0&&(o.value=!0);return}if(e){let t=j.value.findIndex(t=>M(t)===e);if(t>=0){i.value=t;return}}if(t.preserveTrailingPlaceholder&&i.value>=j.value.length){i.value=j.value.length;return}i.value=te(j.value,N.value,e)}function Me(){a.value.length>0&&(!ge.value.length||!j.value.length)&&we()}async function Ne(){if(!(!h.value||Be())){if(!j.value.length){(W.value||fe.value)&&await be();return}G.value&&i.value<3&&await xe(),W.value&&i.value>=j.value.length-3&&await be()}}async function Pe(e,t={}){y=async()=>{await Pe(e,t)};let n=await Le({continueUntilFilled:!0,cursor:e,direction:`forward`,phase:`loading`});if(n){if(!n.visibleCount)return r.value=oe(r.value,t.originCursor,e,!0),a.value=[],m.value=!1,Z();if(n.canceled)return r.value=[...r.value,...n.buckets],a.value=[],m.value=!1,Z();if(a.value=n.buckets,t.commitImmediately||!ge.value.length)return r.value=[...r.value,...a.value],a.value=[],m.value=!1,Z();m.value=!0}}async function Fe(e){y=async()=>{await Fe(e)};let t=await Le({continueUntilFilled:!0,cursor:e,direction:`backward`,phase:`loading`});if(!t)return;let n=Ae();r.value=[...t.buckets,...r.value],je(n),Z()}async function Ie(e){if(y=async()=>{await Ie(e)},!t.resolve)return null;let n=e===`leading`?F.value:I.value;if(!n)return null;let i=k(n.cursor);if(_.has(i))return null;_.add(i),s.value=null,c.value=`refreshing`,l.value=null,u.value=null,p.value=null;let a=++b,o=typeof AbortController>`u`?null:new AbortController;v=o;try{let i=await t.resolve({cursor:n.cursor,pageSize:T.value,signal:o?.signal});if(a!==b)return Z(),null;let s=ce(n,i.nextPage),c=J({cursor:n.cursor,edge:e,nextCursor:s.cursor,nextCursorExhausted:s.exhausted,nextItems:i.items,previousCursor:i.previousPage??null,previousItems:n.items,sequence:x});x=c.nextSequence;let l=Ae();return r.value=H(r.value,n.cursor,c.bucket),je(l),Z(),{followCursor:e===`leading`?i.previousPage??null:i.nextPage,itemsLoaded:i.items.length}}catch(e){return K(e)||a!==b?(Z(),null):(s.value=e instanceof Error?e.message:`The viewer could not load items.`,c.value=`failed`,l.value=null,u.value=null,p.value=null,null)}finally{v===o&&(v=null),_.delete(i)}}async function Le(e){if(!t.resolve)return null;let n=++b,r=new Set,i=[],a=e.cursor,o=0;for(s.value=null,c.value=e.phase,l.value=null,u.value=null,p.value=null;;){if(n!==b)return Y(i,e.direction,t.removedIds.value,!0);if(i.length>0&&g.value)return Y(i,e.direction,t.removedIds.value,!1);let f=k(a);if(r.has(f)||_.has(f))break;r.add(f),_.add(f);let m=typeof AbortController>`u`?null:new AbortController;v=m;try{let r=await t.resolve({cursor:a,pageSize:T.value,signal:m?.signal});if(n!==b)return Y(i,e.direction,t.removedIds.value,!0);let s=se(e.direction,a,r.nextPage),f=Re({cursor:a,nextCursor:s.cursor,nextCursorExhausted:s.exhausted,nextItems:r.items,previousCursor:r.previousPage??null,previousItems:[]});i.push(f);let h=i.reduce((e,n)=>e+B(n,t.removedIds.value),0),_=e.direction===`forward`?f.nextCursorExhausted?null:f.nextCursor:f.previousCursor;if(!e.continueUntilFilled||h>=T.value||!_)return u.value=null,{canceled:!1,buckets:e.direction===`backward`?[...i].reverse():i,visibleCount:h};if(g.value)return Y(i,e.direction,t.removedIds.value,!1);c.value=`filling`,l.value=h,u.value=_,p.value=T.value,o+=1;let v=pe(o,S.value,C.value);if(await d.wait(v),n!==b)return Y(i,e.direction,t.removedIds.value,!0);a=_}catch(r){return K(r)||n!==b?Y(i,e.direction,t.removedIds.value,!0):(s.value=r instanceof Error?r.message:`The viewer could not load items.`,c.value=`failed`,l.value=null,u.value=null,p.value=null,null)}finally{v===m&&(v=null),_.delete(f)}}return Y(i,e.direction,t.removedIds.value,!1)}function Re(e){let t=q({cursor:e.cursor,nextCursor:e.nextCursor,nextCursorExhausted:e.nextCursorExhausted??!1,nextItems:e.nextItems,previousCursor:e.previousCursor,previousItems:e.previousItems,sequence:x});return x=t.nextSequence,t.bucket}function Z(){c.value=`idle`,l.value=null,u.value=null,p.value=null,d.clear()}function ze(){if(!t.initialState||!t.initialState.items.length)return!1;let e=X({initialState:t.initialState,removedIds:t.removedIds.value,sequence:x});return r.value=e.buckets,i.value=e.activeIndex,x=e.nextSequence,o.value=!1,s.value=null,a.value=[],m.value=!1,!0}function Be(){return c.value===`initializing`}function Ve(e){return ne(e===`leading`?F.value:I.value,t.removedIds.value,T.value)}function He(){r.value=le(r.value,t.removedIds.value)}return{activeIndex:N,canRetryInitialLoad:ve,cancel:ke,canRefreshTrailingBoundary:fe,commitPendingAppend:we,currentCursor:_e,errorMessage:s,fillCollectedCount:l,fillCursor:u,fillDelayRemainingMs:f,fillTargetCount:p,hasNextPage:W,hasPreviousPage:G,isAutoPrefetchEnabled:h,isPageLoadingLocked:g,items:j,lockPageLoading:De,loading:P,maybePrefetchAround:Ne,nextCursor:z,pendingAppendItems:ge,phase:c,prefetchNextPage:be,prefetchPreviousPage:xe,previousCursor:U,retryInitialLoad:Se,retry:Ce,setActiveIndex:Te,setAutoPrefetchEnabled:Ee,syncActiveIndexAfterVisibilityChange:je,unlockPageLoading:Oe,getActiveOccurrenceKey:Ae,maybeCommitPendingAppendWhenFilteredOut:Me}}function _e(t,n){let{clearRemoved:r,getRemovedIds:i,remove:a,removedIds:o,restore:s,undo:c}=F(),l=ge({emit:n,fillDelayMs:t.fillDelayMs,fillDelayStepMs:t.fillDelayStepMs,initialCursor:t.initialCursor,initialState:t.initialState,pageSize:t.pageSize,removedIds:o,resolve:t.resolve}),u=l.items,d=l.activeIndex,f=l.loading,p=l.hasNextPage,m=l.hasPreviousPage,h=(0,e.computed)(()=>o.value.size),g=(0,e.computed)(()=>t.paginationDetail??null),_=(0,e.computed)(()=>!l.hasNextPage.value&&l.canRefreshTrailingBoundary.value);function v(e){let t=u.value;t.length&&l.setActiveIndex(T(e,0,t.length-1))}function y(e){let t=l.getActiveOccurrenceKey(),n=u.value[d.value]??null,r=Array.isArray(e)?e:[e],i=!!(n&&r.includes(n.id)&&l.isAutoPrefetchEnabled.value&&d.value>=u.value.length-3),o=!!(n&&r.includes(n.id)&&l.hasNextPage.value&&d.value===u.value.length-1),s=a(e);return s.ids.length?(l.maybeCommitPendingAppendWhenFilteredOut(),l.syncActiveIndexAfterVisibilityChange(t,{preserveTrailingPlaceholder:o}),(i||!u.value.length)&&l.maybePrefetchAround(),s):s}function b(e){let t=l.getActiveOccurrenceKey(),n=s(e);return n.ids.length&&l.syncActiveIndexAfterVisibilityChange(t),n}function x(){let e=l.getActiveOccurrenceKey(),t=c();return t?.ids.length&&l.syncActiveIndexAfterVisibilityChange(e),t}function S(){let e=l.getActiveOccurrenceKey();r(),l.syncActiveIndexAfterVisibilityChange(e)}function C(){return[...u.value]}function w(e){return u.value.find(t=>M(t)===e)??null}function T(e,t,n){return Math.min(Math.max(e,t),n)}function E(){l.cancel()}async function D(){await l.prefetchNextPage()}async function O(){await l.prefetchPreviousPage()}async function k(){await l.retry()}return{activeIndex:d,canRefreshExhaustedNextPage:_,canRetryInitialLoad:l.canRetryInitialLoad,cancel:E,clearRemoved:S,commitPendingAppend:l.commitPendingAppend,currentCursor:l.currentCursor,errorMessage:l.errorMessage,fillCollectedCount:l.fillCollectedCount,fillCursor:l.fillCursor,fillDelayRemainingMs:l.fillDelayRemainingMs,fillTargetCount:l.fillTargetCount,getItemByOccurrenceKey:w,getItems:C,getRemovedIds:i,hasNextPage:p,hasPreviousPage:m,isPageLoadingLocked:l.isPageLoadingLocked,items:u,lockPageLoading:l.lockPageLoading,loading:f,loadNext:D,loadPrevious:O,nextCursor:l.nextCursor,paginationDetail:g,pendingAppendItems:l.pendingAppendItems,phase:l.phase,prefetchNextPage:l.prefetchNextPage,prefetchPreviousPage:l.prefetchPreviousPage,previousCursor:l.previousCursor,removedCount:h,remove:y,restore:b,retry:k,retryInitialLoad:l.retryInitialLoad,setActiveIndex:v,setAutoPrefetchEnabled:l.setAutoPrefetchEnabled,undo:x,unlockPageLoading:l.unlockPageLoading}}var ve=1024;function ye(t,n){let r=_e(t,n),i=(0,e.reactive)({nextBoundaryLoadProgress:0,previousBoundaryLoadProgress:0}),a=(0,e.ref)(0),o=(0,e.ref)(`list`),s=(0,e.reactive)({activeIndex:0,currentCursor:null,errorMessage:null,fillCollectedCount:null,fillCursor:null,fillDelayRemainingMs:null,fillTargetCount:null,hasNextPage:!1,hasPreviousPage:!1,itemCount:0,loadState:`loaded`,nextBoundaryLoadProgress:0,nextCursor:null,pageLoadingLocked:!1,phase:`idle`,previousBoundaryLoadProgress:0,previousCursor:null,removedCount:0,removedIds:[],surfaceMode:`list`}),c=(0,e.computed)(()=>a.value>=ve),l=(0,e.computed)(()=>c.value?o.value:`fullscreen`),u=(0,e.computed)(()=>c.value&&l.value===`fullscreen`);(0,e.watch)(c,e=>{e&&h()}),(0,e.watch)(()=>t.surfaceMode,()=>{h()}),(0,e.watch)([l,()=>r.pendingAppendItems.value.length],([e,t])=>{e===`list`||t<=0||r.commitPendingAppend()}),(0,e.watch)([()=>r.items.value.length,()=>r.loading.value,()=>r.hasNextPage.value,()=>r.pendingAppendItems.value.length],([e,t,r,i])=>{!c.value||e>0||o.value===`list`||t||r||i>0||(o.value=`list`,n(`update:surfaceMode`,`list`))}),(0,e.watch)(l,e=>{r.setAutoPrefetchEnabled(e===`fullscreen`)},{immediate:!0}),(0,e.watchEffect)(()=>{s.activeIndex=r.activeIndex.value,s.currentCursor=r.currentCursor.value,s.errorMessage=r.errorMessage.value,s.fillCollectedCount=r.fillCollectedCount.value,s.fillCursor=r.fillCursor.value,s.fillDelayRemainingMs=r.fillDelayRemainingMs.value,s.fillTargetCount=r.fillTargetCount.value,s.hasNextPage=r.hasNextPage.value,s.hasPreviousPage=r.hasPreviousPage.value,s.itemCount=r.items.value.length,s.loadState=r.loading.value?`loading`:r.errorMessage.value?`failed`:`loaded`,s.nextBoundaryLoadProgress=i.nextBoundaryLoadProgress,s.nextCursor=r.nextCursor.value,s.pageLoadingLocked=r.isPageLoadingLocked.value,s.phase=r.phase.value,s.previousBoundaryLoadProgress=i.previousBoundaryLoadProgress,s.previousCursor=r.previousCursor.value,s.removedCount=r.removedCount.value,s.removedIds=r.getRemovedIds(),s.surfaceMode=l.value}),(0,e.onMounted)(()=>{m(),h(),window.addEventListener(`keydown`,p),window.addEventListener(`resize`,m)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`keydown`,p),window.removeEventListener(`resize`,m)});function d(e){r.setActiveIndex(e),c.value&&o.value!==`fullscreen`&&(o.value=`fullscreen`,n(`update:surfaceMode`,`fullscreen`))}function f(){!c.value||o.value===`list`||(o.value=`list`,n(`update:surfaceMode`,`list`))}function p(e){e.defaultPrevented||e.key!==`Escape`||!c.value||l.value!==`fullscreen`||T(e.target)||(e.preventDefault(),f())}function m(){a.value=window.innerWidth||0}function h(){!c.value||!t.surfaceMode||t.surfaceMode===o.value||(o.value=t.surfaceMode)}function g(e){i.nextBoundaryLoadProgress=be(e.nextBoundaryLoadProgress),i.previousBoundaryLoadProgress=be(e.previousBoundaryLoadProgress)}return{...r,cancel:r.cancel,isDesktop:c,lockPageLoading:r.lockPageLoading,loadNext:r.loadNext,loadPrevious:r.loadPrevious,openFullscreen:d,returnToList:f,retry:r.retry,setBoundaryLoadProgress:g,showBackToList:u,status:(0,e.readonly)(s),surfaceMode:l,unlockPageLoading:r.unlockPageLoading}}function be(e){return Math.min(Math.max(e,0),1)}var xe={"data-testid":`vibe-media-bar`,class:`absolute inset-x-0 bottom-0 z-[5] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.42)_24%,rgba(0,0,0,0.78))] px-[clamp(1rem,2.6vw,2.25rem)] pt-4 pb-[1.15rem]`},Se={class:`grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]`},Ce={class:`text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74`},we={class:`relative h-4 w-full`},Te=[`max`,`value`,`disabled`],Ee={class:`text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74`},De=[`data-layout`],Oe={key:0,"data-testid":`vibe-media-volume-popover`,class:`absolute bottom-[calc(100%+0.8rem)] right-0 grid justify-items-center gap-3 border border-white/12 bg-black/82 px-3 py-4 shadow-[0_20px_50px_-20px_rgba(0,0,0,0.85)] backdrop-blur-[18px]`},ke={class:`relative flex h-28 w-4 items-center justify-center`},Ae=[`value`],je={class:`flex items-center gap-3`},Me=[`aria-label`],Ne={key:0,class:`relative h-4 w-24`},Pe=[`value`],Fe=(0,e.defineComponent)({__name:`FullscreenMediaBar`,props:{currentTime:{},currentTimeLabel:{},duration:{},durationLabel:{},muted:{type:Boolean},progress:{},volume:{},volumeControlLayout:{}},emits:[`seek-input`,`volume-input`,`volume-toggle`],setup(t,{emit:n}){let r=t,i=n,a=(0,e.ref)(null),o=(0,e.ref)(!1),s=(0,e.computed)(()=>r.volumeControlLayout===`vertical`),c=(0,e.computed)(()=>g(r.volume,0,1)),l=(0,e.computed)(()=>Math.round(c.value*100)),u=(0,e.computed)(()=>r.muted||c.value<=0?x:c.value<.5?y:b),d=(0,e.computed)(()=>r.muted||c.value<=0?`Unmute active media`:`Mute active media`),f=(0,e.computed)(()=>s.value&&!o.value?`Show volume controls`:d.value),p=(0,e.computed)(()=>r.volumeControlLayout===`vertical`?{height:`${l.value}%`}:{width:`${l.value}%`});(0,e.watch)(s,e=>{e||(o.value=!1)}),(0,e.onMounted)(()=>{document.addEventListener(`pointerdown`,m)}),(0,e.onBeforeUnmount)(()=>{document.removeEventListener(`pointerdown`,m)});function m(e){!s.value||!o.value||a.value&&e.target instanceof Node&&!a.value.contains(e.target)&&(o.value=!1)}function h(){if(!s.value){i(`volume-toggle`);return}if(!o.value){o.value=!0;return}i(`volume-toggle`)}function g(e,t,n){return Math.min(Math.max(e,t),n)}return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,xe,[(0,e.createElementVNode)(`div`,Se,[(0,e.createElementVNode)(`span`,Ce,(0,e.toDisplayString)(r.currentTimeLabel),1),(0,e.createElementVNode)(`div`,we,[n[3]||=(0,e.createElementVNode)(`div`,{class:`absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12`},null,-1),(0,e.createElementVNode)(`div`,{class:`absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]`,style:(0,e.normalizeStyle)({width:`${r.progress}%`})},null,4),(0,e.createElementVNode)(`input`,{"data-swipe-lock":`true`,type:`range`,"aria-label":`Seek active media`,min:`0`,step:`0.1`,max:r.duration||1,value:r.currentTime,disabled:r.duration<=0,class:`vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent disabled:cursor-default disabled:opacity-50`,onInput:n[0]||=e=>i(`seek-input`,e)},null,40,Te)]),(0,e.createElementVNode)(`span`,Ee,(0,e.toDisplayString)(r.durationLabel),1),(0,e.createElementVNode)(`div`,{ref_key:`rootRef`,ref:a,"data-testid":`vibe-media-volume`,"data-layout":r.volumeControlLayout,class:`relative flex items-center justify-end`},[s.value&&o.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Oe,[(0,e.createElementVNode)(`div`,ke,[n[4]||=(0,e.createElementVNode)(`div`,{class:`absolute bottom-0 left-1/2 h-full w-px -translate-x-1/2 bg-white/12`},null,-1),(0,e.createElementVNode)(`div`,{class:`absolute bottom-0 left-1/2 w-px -translate-x-1/2 bg-[#f7f1ea]`,style:(0,e.normalizeStyle)(p.value)},null,4),(0,e.createElementVNode)(`input`,{"data-testid":`vibe-media-volume-slider`,"data-swipe-lock":`true`,type:`range`,"aria-label":`Adjust active media volume`,min:`0`,max:`1`,step:`0.05`,value:c.value,class:`vibe-media-slider absolute left-1/2 top-1/2 h-4 w-28 -translate-x-1/2 -translate-y-1/2 -rotate-90 bg-transparent`,onInput:n[1]||=e=>i(`volume-input`,e)},null,40,Ae)])])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,je,[(0,e.createElementVNode)(`button`,{type:`button`,"data-testid":`vibe-media-volume-button`,"aria-label":f.value,class:`inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/65`,onClick:h},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(u.value),{class:`h-4 w-4 stroke-[1.9]`,"aria-hidden":`true`}))],8,Me),r.volumeControlLayout===`horizontal`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Ne,[n[5]||=(0,e.createElementVNode)(`div`,{class:`absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12`},null,-1),(0,e.createElementVNode)(`div`,{class:`absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]`,style:(0,e.normalizeStyle)(p.value)},null,4),(0,e.createElementVNode)(`input`,{"data-testid":`vibe-media-volume-slider`,"data-swipe-lock":`true`,type:`range`,"aria-label":`Adjust active media volume`,min:`0`,max:`1`,step:`0.05`,value:c.value,class:`vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent`,onInput:n[2]||=e=>i(`volume-input`,e)},null,40,Pe)])):(0,e.createCommentVNode)(``,!0)])],8,De)])]))}}),Ie={class:`pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]`},Le={class:`grid gap-4`},Re={class:`flex min-h-11 items-center justify-between gap-4`},Z={class:`min-w-0 flex flex-1 items-center gap-3`},ze={key:1,"data-testid":`vibe-title`,class:`m-0 truncate text-left text-[0.82rem] leading-none tracking-[-0.04em] min-[721px]:text-[1.2rem]`},Be={class:`pointer-events-auto flex shrink-0 items-center gap-2`},Ve={"data-testid":`vibe-pagination`,class:`inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]`},He={class:`whitespace-nowrap`},Ue={key:1,class:`whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3`},We={key:0,class:`grid gap-2 max-[720px]:justify-items-start`},Ge=(0,e.defineComponent)({__name:`FullscreenHeader`,props:{currentIndex:{},loading:{type:Boolean},paginationDetail:{},showBackToList:{type:Boolean},showEndBadge:{type:Boolean},title:{},total:{}},emits:[`back-to-list`],setup(t,{emit:n}){let r=t,i=n;return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Ie,[(0,e.createElementVNode)(`div`,Le,[(0,e.createElementVNode)(`div`,Re,[(0,e.createElementVNode)(`div`,Z,[r.showBackToList?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,"data-testid":`vibe-back-to-list`,class:`pointer-events-auto inline-flex h-11 w-11 shrink-0 items-center justify-center border border-white/14 bg-black/40 text-[#f7f1ea]/78 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/55`,"aria-label":`Back to list`,onClick:n[0]||=e=>i(`back-to-list`)},[(0,e.createVNode)((0,e.unref)(u),{class:`h-4 w-4 stroke-[2.2]`,"aria-hidden":`true`})])):(0,e.createCommentVNode)(``,!0),r.title?((0,e.openBlock)(),(0,e.createElementBlock)(`h2`,ze,(0,e.toDisplayString)(r.title),1)):(0,e.createCommentVNode)(``,!0)]),(0,e.createElementVNode)(`div`,Be,[(0,e.createElementVNode)(`span`,Ve,[r.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(h),{key:0,"data-testid":`vibe-pagination-spinner`,class:`h-3.5 w-3.5 animate-spin stroke-[1.9]`,"aria-hidden":`true`})):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`span`,He,(0,e.toDisplayString)(r.currentIndex+1)+` / `+(0,e.toDisplayString)(r.total),1),r.paginationDetail?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,Ue,(0,e.toDisplayString)(r.paginationDetail),1)):(0,e.createCommentVNode)(``,!0)]),(0,e.renderSlot)(t.$slots,`actions`)])])]),r.showEndBadge?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,We,[...n[1]||=[(0,e.createElementVNode)(`span`,{class:`inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]`},` End reached `,-1)]])):(0,e.createCommentVNode)(``,!0)]))}}),Ke={image:m,video:f,audio:d,other:p},qe={image:`Image`,video:`Video`,audio:`Audio`,other:`File`};function Je(e){return Ke[e]}function Ye(e){return qe[e]}var Xe={maxGlobal:10,maxPerDomain:4,maxVideoPerDomain:2};function Ze(e=Xe){let t=new Map,n=new Map,r=0;function i(e){let i={...e,domain:et(e.url),enqueuedAt:r,id:`vibe-asset-load-${r+=1}`};return n.set(i.id,i),a(),{cancel(){(n.delete(i.id)||t.delete(i.id))&&a()},refresh(){a()},release(){(t.delete(i.id)||n.delete(i.id))&&a()}}}function a(){if(n.size===0)return;let r=[...n.values()].sort((e,t)=>{let n=$e(e)-$e(t);return n===0?e.enqueuedAt-t.enqueuedAt:n});for(let i of r){if(t.size>=e.maxGlobal)return;if(o(i)){n.delete(i.id),t.set(i.id,i);try{i.onGrant()}catch{t.delete(i.id)}}}}function o(n){let r=[...t.values()].filter(e=>e.domain===n.domain);return!(r.length>=e.maxPerDomain||n.assetType===`video`&&r.filter(e=>e.assetType===`video`).length>=e.maxVideoPerDomain)}return{request:i}}var Qe=Ze();function $e(e){try{let t=e.getPriority();return Number.isFinite(t)?t:1/0}catch{return 1/0}}function et(e){try{return new URL(e).hostname||`local`}catch{return`local`}}var tt=[0,1,2,3],nt={0:0,1:1,2:2,3:3};function rt(t){let n=(0,e.ref)({}),r=Ze({maxGlobal:3,maxPerDomain:3,maxVideoPerDomain:3}),i=new Map,a=new Map,o=new Map,s=new Set;(0,e.watch)([t.active,t.items,t.resolvedActiveIndex],()=>{m()},{immediate:!0}),(0,e.getCurrentScope)()&&(0,e.onScopeDispose)(()=>{p()});function c(e){let t=l(e);return t===`loading`||t===`ready`}function l(e){if(!t.active.value)return`idle`;let r=_(e);return r?n.value[r.key]?t.isAssetReady(r.key,r.item)?`ready`:`loading`:i.has(r.key)?`queued`:`idle`:`idle`}function u(e,t){if(t instanceof HTMLImageElement){a.set(e,t),at(t)&&f(e);return}a.delete(e)}function d(e,t){if(t instanceof HTMLMediaElement){o.set(e,t),ot(t)&&f(e);return}o.delete(e)}function f(e){let t=i.get(e);t&&(t.lease.release(),i.delete(e))}function p(){for(let e of i.values())e.lease.cancel();i.clear(),n.value={},v()}function m(){if(!t.active.value){p();return}let e=h(),s=new Map(e.map(e=>[e.key,e])),c=new Set(s.keys());for(let e of Object.keys(n.value))c.has(e)||y(e,!1);for(let[e,t]of i.entries()){let n=s.get(e);if(!n){t.lease.cancel(),i.delete(e);continue}t.index=n.index,t.item=n.item}for(let s of e){if(t.isAssetReady(s.key,s.item)){y(s.key,!0),f(s.key);continue}if(n.value[s.key]||i.has(s.key))continue;let e;e={...s,lease:r.request({assetType:s.item.type===`image`?`image`:`video`,getPriority:()=>g(e.index),onGrant:()=>{y(s.key,!0),(t.isAssetReady(s.key,s.item)||it(s.key,a,o))&&f(s.key)},url:s.item.url})},i.set(s.key,e)}for(let e of i.values())e.lease.refresh();v()}function h(){let e=t.resolvedActiveIndex.value;return tt.map(t=>_(e+t)).filter(e=>!!e)}function g(e){return t.active.value?nt[e-t.resolvedActiveIndex.value]??1/0:1/0}function _(e){let n=t.items.value[e];return!n||!st(n)?null:{index:e,item:n,key:t.getItemKey(n)}}function v(){let e=new Set(Object.keys(n.value));for(let n of s)e.has(n)||(b(n),t.onResetAssetState(n));s=e}function y(e,t){if(t){if(n.value[e])return;n.value={...n.value,[e]:!0};return}if(!n.value[e])return;let r={...n.value};delete r[e],n.value=r}function b(e){let t=a.get(e);if(t)try{t.removeAttribute(`src`),t.src=``}catch{}let n=o.get(e);if(n){try{n.currentTime=0}catch{}n.pause();try{n.removeAttribute(`src`),n.load()}catch{}}}return{clearPreloads:p,getSlidePreloadState:l,registerImageElement:u,registerMediaElement:d,settleAssetPreload:f,shouldAttachSlideAsset:c}}function it(e,t,n){let r=t.get(e);if(r)return at(r);let i=n.get(e);return i?ot(i):!1}function at(e){return e.complete&&!!(e.currentSrc||e.getAttribute(`src`))}function ot(e){let t=typeof HTMLMediaElement>`u`?1:HTMLMediaElement.HAVE_METADATA;return e.readyState>=t}function st(e){return e.type===`image`||e.type===`video`||e.type===`audio`}function ct(e){let t=rt({active:e.active,getItemKey:r,isAssetReady:m,items:e.items,onResetAssetState:e.viewer.resetAssetState,resolvedActiveIndex:e.resolvedActiveIndex});function n(e,t){let n=t.title?.trim();return n?`${e} ${n}`:`${e} ${Ye(t.type).toLowerCase()}`}function r(e){return M(e)}function i(e){return t.shouldAttachSlideAsset(e)}function a(e,t){return h(e,t)&&i(e)}function o(e){return t.getSlidePreloadState(e)}function s(t,n){let i=r(n),a=o(t);return a===`idle`||t!==e.resolvedActiveIndex.value||e.viewer.getAssetErrorKind(i)?!1:a!==`ready`}function c(t){return e.viewer.getAssetErrorKind(r(t))}function l(t){return e.viewer.getAssetErrorLabel(r(t))??`Load error`}function u(t,n){return o(t)!==`idle`&&t===e.resolvedActiveIndex.value&&!!c(n)}function d(t,n){return i(t)?e.viewer.getImageSource(n):void 0}function f(e){return i(e)?`metadata`:`none`}function p(e,t){return i(e)?t.url:void 0}function m(t,n){return n.type===`image`?e.viewer.isImageReady(t):n.type===`video`||n.type===`audio`?e.viewer.isMediaReady(t):!1}function h(t,n){let i=e.items.value[t];return!!i&&r(i)===r(n)}return{getAssetErrorKind:c,getAssetErrorLabel:l,getFullscreenImageSource:d,getFullscreenMediaPreload:f,getFullscreenMediaSource:p,getItemKey:r,getMediaActionLabel:n,getSlidePreloadState:o,isAssetErrored:u,isAssetLoading:s,registerImageElement:t.registerImageElement,registerMediaElement:t.registerMediaElement,settleAssetPreload:t.settleAssetPreload,shouldHandleSlideAssetEvent:a,shouldPreloadSlideAsset:i}}function lt(t){if(!Array.isArray(t))return!1;for(let n of t){if(Array.isArray(n)){if(lt(n))return!0;continue}if(!(0,e.isVNode)(n)){if(typeof n==`string`){if(n.trim().length>0)return!0;continue}if(n!=null&&n!==!1)return!0;continue}if(!ut(n))return!0}return!1}function ut(t){return t.type===e.Comment?!0:t.type===e.Text?typeof t.children==`string`?t.children.trim().length===0:!0:t.type===e.Fragment?!lt(t.children):!1}var dt=`no items available`;function ft(t){let n=(0,e.computed)(()=>t.loading.value||t.itemCount.value>0||t.emptyStateMode.value===`hidden`?null:{loading:!!t.loading.value,message:dt,mode:t.emptyStateMode.value===`badge`?`badge`:`inline`,surface:t.surface,total:t.itemCount.value}),r=(0,e.computed)(()=>!n.value||!t.renderSlot?[]:t.renderSlot(n.value));return{emptyStateProps:n,showBadgeEmptyState:(0,e.computed)(()=>n.value?.mode===`badge`),showCustomEmptyState:(0,e.computed)(()=>lt(r.value)),showInlineEmptyState:(0,e.computed)(()=>n.value?.mode===`inline`)}}function pt(e){if(!Number.isFinite(e)||e<=0)return`0:00`;let t=Math.floor(e),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}:${String(r).padStart(2,`0`)}:${String(i).padStart(2,`0`)}`:`${r}:${String(i).padStart(2,`0`)}`}function mt(e){return e.phase?e.phase:e.loading?e.itemCount>0?`loading`:`initializing`:`idle`}function ht(e){return e.phase===`failed`?{kind:`failed`,message:e.errorMessage??(e.hasItems?`The viewer could not load more items.`:`The viewer could not load items.`)}:e.phase===`initializing`?{kind:`initializing`,message:`Loading the first page`}:e.phase===`loading`?{kind:`loading-more`,message:e.hasItems?`Loading more items`:`Loading the first page`}:e.phase===`filling`?{kind:`filling`,message:`Filling the view`}:e.phase===`refreshing`?{kind:`refreshing`,message:!e.hasNextPage&&e.hasItems?e.surface===`grid`?`Refreshing the end of the list`:`Refreshing the end of the feed`:`Refreshing visible items`}:!e.hasItems||e.hasNextPage?null:{kind:`end`,message:e.surface===`grid`?`End of list`:`End of feed`}}function gt(t){let n=!1;(0,e.watch)(t.enabled,async e=>{if(r(e),e){t.onResize(),await t.onEnable();return}t.onDisable()},{immediate:!0}),(0,e.onMounted)(()=>{t.onResize(),t.enabled.value&&t.onEnable()}),(0,e.onBeforeUnmount)(()=>{r(!1),t.onDisable()});function r(e){if(e&&!n){window.addEventListener(`resize`,t.onResize),window.addEventListener(`keydown`,t.onKeydown),n=!0;return}!e&&n&&(window.removeEventListener(`resize`,t.onResize),window.removeEventListener(`keydown`,t.onKeydown),n=!1)}}var _t={currentTime:0,duration:0,errorKind:null,muted:!1,paused:!0,ready:!1,volume:1};function vt(){return{..._t}}function yt(e){return e.complete&&!!(e.currentSrc||e.getAttribute(`src`))}function bt(e,t,n){e.currentTime=Number.isFinite(t.currentTime)?t.currentTime:0,e.duration=Number.isFinite(t.duration)?t.duration:0,e.muted=t.muted,e.paused=t.paused,e.volume=Number.isFinite(t.volume)?t.volume:e.volume,n&&n!==`error`&&(e.errorKind=null),e.ready=xt(t,n)}function xt(e,t){return t===`error`||t===`loadstart`||t===`waiting`||t===`stalled`?!1:t===`canplay`||t===`canplaythrough`||t===`playing`?!0:e.readyState>=HTMLMediaElement.HAVE_CURRENT_DATA}var St=new Map;function Ct(e){return e===`not-found`?`404`:`Load error`}function wt(e){return e===`generic`}function Tt(e){return Et(e).then(e=>e??`generic`)}function Et(e){let t=St.get(e);if(t)return t;let n=Dt(e);return St.set(e,n),n}async function Dt(e){if(!Ot(e))return null;try{let t=await fetch(e,{method:`HEAD`});return t.ok?null:t.status===404?`not-found`:`generic`}catch{return`generic`}}function Ot(e){return/^(https?:\/\/|\/)/i.test(e)}function kt(e){try{let t=e.play();t&&typeof t.catch==`function`&&t.catch(()=>{})}catch{}}function At(t){let n=(0,e.ref)({}),r=(0,e.ref)({}),i=(0,e.ref)({}),a=(0,e.ref)({}),o=(0,e.ref)({}),s=new Map,c=new Map,l=new Set,u=(0,e.computed)(()=>t.activeItem.value?M(t.activeItem.value):null),d=(0,e.computed)(()=>t.activeMediaItem.value?M(t.activeMediaItem.value):null),f=(0,e.computed)(()=>{let e=new Map;for(let n of t.items.value)e.set(M(n),n);return e}),p=(0,e.computed)(()=>d.value?i.value[d.value]??_t:_t),m=(0,e.computed)(()=>d.value?p.value.duration:0),h=(0,e.computed)(()=>m.value<=0?0:jt(p.value.currentTime/m.value*100,0,100)),g=(0,e.computed)(()=>u.value?I(u.value):null);(0,e.watch)(()=>u.value,async()=>{await S()}),(0,e.watch)(()=>t.itemCount.value,async()=>{await S()}),(0,e.watch)(()=>t.loopFullscreenVideo.value,async()=>{await S()});function _(e,t){if(t instanceof HTMLVideoElement){s.set(e,t),W(e,t);return}s.delete(e)}function v(e,t){if(t instanceof HTMLAudioElement){c.set(e,t),W(e,t);return}c.delete(e)}function y(e,t){t instanceof HTMLImageElement&&yt(t)&&(n.value[e]=!0,r.value[e]=null,X(e,t.currentSrc||t.src||te(e)))}function b(){H(),a.value={},r.value={},n.value={},o.value={},i.value={},l.clear()}function x(e){delete n.value[e],delete r.value[e],delete o.value[e],delete i.value[e],l.forEach(t=>{t.startsWith(`${e}|`)&&l.delete(t)})}async function S(){if(!t.isEnabled.value){H();return}await(0,e.nextTick)();let n=u.value;for(let[e,r]of s.entries()){if(e!==n||i.value[e]?.errorKind){V(r,e);continue}r.muted=!1,r.loop=t.loopFullscreenVideo.value,r.playsInline=!0,kt(r),W(e,r)}for(let[e,t]of c.entries()){if(e!==n||i.value[e]?.errorKind){V(t,e);continue}kt(t),W(e,t)}}function C(e,t){let n=t.currentTarget instanceof HTMLMediaElement?t.currentTarget:t.target instanceof HTMLMediaElement?t.target:null;if(n){let r=i.value[e]?.ready??!1;W(e,n,t.type);let a=i.value[e]?.ready??!1;!r&&a&&X(e,n.currentSrc||n.src||te(e))}}function w(e,t){n.value[e]=!0,r.value[e]=null,X(e,t)}async function T(e,i){let a=ee(e)??t.activeItem.value;n.value[e]=!1,r.value[e]=`generic`;let o=await Tt(i);r.value[e]=o,a&&t.onAssetError?.({item:a,occurrenceKey:e,url:i,kind:o,surface:`fullscreen`})}async function E(e,n){let r=q(e),i=U(e),a=ee(e)??t.activeMediaItem.value??t.activeItem.value;if(r){r.pause();try{r.currentTime=0}catch{}}i.currentTime=0,i.duration=0,i.paused=!0,i.ready=!1,i.errorKind=`generic`;let o=await Tt(n);i.errorKind=o,a&&t.onAssetError?.({item:a,occurrenceKey:e,url:n,kind:o,surface:`fullscreen`})}function D(e,t,n){e.button!==0||Date.now()<n||Y(s.get(t)??null)}function O(e,t,n){e.button!==0||Date.now()<n||Y(q(t))}function k(e){let t=J(),n=d.value;if(!t||!n||!(e.target instanceof HTMLInputElement))return;let r=Number.parseFloat(e.target.value);if(!Number.isFinite(r))return;let i=jt(r,0,m.value||0);G(n,i,t),t.currentTime=i}function A(e){let t=J(),n=d.value;if(!t||!n||!(e.target instanceof HTMLInputElement))return;let r=jt(Number.parseFloat(e.target.value),0,1);t.volume=r,t.muted=r<=0,r>0&&(o.value[n]=r),W(n,t)}function j(){let e=J(),t=d.value;!e||!t||(e.muted||e.volume<=0?(e.volume=K(t),e.muted=!1,o.value[t]=e.volume):(o.value[t]=e.volume,e.muted=!0),W(t,e))}function N(e){return!!n.value[e]&&!r.value[e]}function P(e){return(i.value[e]?.ready??!1)&&!i.value[e]?.errorKind}function F(e){return e.url}function I(e){return r.value[e]??i.value[e]?.errorKind??null}function L(e){let t=I(e);return t?Ct(t):null}function R(e){return wt(I(e))}function z(e){return`${e}:${a.value[e]??0}`}async function B(t){if(!R(t))return;n.value[t]=!1,r.value[t]=null;let i=U(t);i.currentTime=0,i.duration=0,i.paused=!0,i.ready=!1,i.errorKind=null;let o=q(t);o&&V(o,t),l.forEach(e=>{e.startsWith(`${t}|`)&&l.delete(e)}),a.value[t]=(a.value[t]??0)+1,await(0,e.nextTick)(),await S()}function V(e,t){e.pause();try{e.currentTime=0}catch{}W(t,e)}function H(){for(let[e,t]of s.entries())V(t,e);for(let[e,t]of c.entries())V(t,e)}function U(e){return i.value[e]||(i.value[e]=vt()),i.value[e]}function W(e,t,n){bt(U(e),t,n),!t.muted&&t.volume>0&&(o.value[e]=t.volume)}function G(e,t,n){let r=U(e);r.currentTime=t,r.duration=Number.isFinite(n.duration)?n.duration:r.duration,r.muted=n.muted,r.paused=n.paused,r.volume=Number.isFinite(n.volume)?n.volume:r.volume}function K(e){return jt(o.value[e]??1,0,1)}function q(e){return s.get(e)??c.get(e)??null}function J(){return d.value?q(d.value):null}function Y(e){if(e){if(e.paused){kt(e);return}e.pause()}}function X(e,n){let r=ee(e)??t.activeMediaItem.value??t.activeItem.value;if(!r||!n)return;let i=`${e}|${n}`;l.has(i)||(l.add(i),t.onAssetLoad?.({item:r,occurrenceKey:e,surface:`fullscreen`,url:n}))}function ee(e){return f.value.get(e)??null}function te(e){return ee(e)?.url??null}return{activeAssetErrorKind:g,activeMediaDuration:m,activeMediaProgress:h,activeMediaState:p,getAssetErrorKind:I,getAssetErrorLabel:L,getAssetRenderKey:z,getImageSource:F,isImageReady:N,isMediaReady:P,canRetryAsset:R,mediaStates:i,onAudioCoverClick:O,onImageError:T,onImageLoad:w,onMediaError:E,onMediaEvent:C,onMediaSeekInput:k,onMediaVolumeInput:A,onMediaVolumeToggle:j,onVideoClick:D,registerAudioElement:v,registerImageElement:y,registerVideoElement:_,resetAssetState:x,resetMediaState:b,retryAsset:B,syncMediaPlayback:S}}function jt(e,t,n){return Math.min(Math.max(e,t),n)}var Mt={backward:1,forward:3};function Nt(e,t,n=Mt){return t<=0?{start:0,end:-1}:{start:Math.max(0,e-n.backward),end:Math.min(t-1,e+n.forward)}}function Pt(e,t,n=Mt){let r=Nt(t,e.length,n);return r.end<r.start?[]:e.slice(r.start,r.end+1).map((e,t)=>({item:e,index:r.start+t}))}function Ft(e,t,n,r,i){return{transform:`translate3d(0, ${(e-t)*n+r}px, 0)`,transition:i?`none`:`transform 320ms cubic-bezier(0.22, 1, 0.36, 1)`}}function It(t,n,r={}){let i=(0,e.computed)(()=>t.items),a=(0,e.computed)(()=>t.activeIndex??0),o=(0,e.computed)(()=>t.errorMessage??null),s=(0,e.computed)(()=>t.loading??!1),c=(0,e.computed)(()=>t.hasNextPage??!1),l=(0,e.computed)(()=>t.loopFullscreenVideo??!0),u=(0,e.computed)(()=>t.paginationDetail??null),d=(0,e.computed)(()=>mt({itemCount:i.value.length,loading:s.value,phase:t.phase})),f=(0,e.computed)(()=>!1),p=(0,e.ref)(null),m=(0,e.ref)(0),h=(0,e.ref)(!1),g=(0,e.ref)(1),_=r.enabled??(0,e.computed)(()=>!0),v=null,y=0,b=0,x=0,S=(0,e.computed)(()=>i.value.length===0?0:F(a.value,0,i.value.length-1)),C=(0,e.computed)(()=>i.value[S.value]??null),w=(0,e.computed)(()=>C.value?.type===`audio`||C.value?.type===`video`?C.value:null),D=At({items:i,activeItem:C,activeMediaItem:w,isEnabled:_,itemCount:(0,e.computed)(()=>i.value.length),loopFullscreenVideo:l,onAssetError:r.onAssetError,onAssetLoad:r.onAssetLoad}),O=(0,e.computed)(()=>i.value.length>0&&S.value===i.value.length-1),k=(0,e.computed)(()=>ht({errorMessage:o.value,hasItems:i.value.length>0,hasNextPage:c.value,phase:d.value,surface:`fullscreen`})),A=(0,e.computed)(()=>k.value?.kind??null),j=(0,e.computed)(()=>k.value?.message??null),M=(0,e.computed)(()=>Math.min(96,g.value*.15||96)),N=(0,e.computed)(()=>Nt(S.value,i.value.length)),P=(0,e.computed)(()=>Pt(i.value,S.value));gt({enabled:_,onDisable(){G(),D.resetMediaState()},onEnable(){return D.syncMediaPlayback()},onKeydown:q,onResize:I});function F(e,t,n){return Math.min(Math.max(e,t),n)}function I(){g.value=p.value?.clientHeight||window.innerHeight||1}function L(e){return i.value.length===0?!1:F(S.value+e,0,i.value.length-1)!==S.value}function R(e){if(i.value.length===0)return;let t=F(S.value+e,0,i.value.length-1);t!==S.value&&n(`update:activeIndex`,t)}function z(e){let t=e>0,n=e<0;return t&&!L(-1)||n&&!L(1)?e*.24:e}function B(e){!_.value||i.value.length===0||e.pointerType===`mouse`||E(e.target)||(v=e.pointerId,y=e.clientY,m.value=0,h.value=!0,p.value?.setPointerCapture?.(e.pointerId))}function V(e){!_.value||!h.value||v!==e.pointerId||(m.value=z(e.clientY-y))}function H(e){!_.value||v!==e.pointerId||(p.value?.releasePointerCapture?.(e.pointerId),W())}function U(e){!_.value||v!==e.pointerId||(p.value?.releasePointerCapture?.(e.pointerId),G())}function W(){Math.abs(m.value)>=M.value&&(x=Date.now()+250,R(m.value<0?1:-1)),G()}function G(){m.value=0,h.value=!1,v=null}function K(e){if(!_.value||i.value.length===0||h.value||E(e.target)||Math.abs(e.deltaY)<Math.max(Math.abs(e.deltaX),24))return;e.preventDefault();let t=Date.now();t<b||(b=t+400,R(e.deltaY>0?1:-1))}function q(e){!_.value||i.value.length===0||T(e.target)||((e.key===`ArrowDown`||e.key===`PageDown`)&&(e.preventDefault(),R(1)),(e.key===`ArrowUp`||e.key===`PageUp`)&&(e.preventDefault(),R(-1)))}function J(e,t){D.onVideoClick(e,t,x)}function Y(e,t){D.onAudioCoverClick(e,t,x)}function X(e){D.onMediaSeekInput(e)}function ee(e){D.onMediaVolumeInput(e)}function te(){D.onMediaVolumeToggle()}function ne(e){return e.type===`image`||e.type===`video`}function re(e){return e.type===`audio`}function ie(e){return Ft(e,S.value,g.value,m.value,h.value)}return{activeItem:C,activeAssetErrorKind:D.activeAssetErrorKind,activeMediaDuration:D.activeMediaDuration,activeMediaItem:w,activeMediaProgress:D.activeMediaProgress,activeMediaState:D.activeMediaState,canRetryAsset:D.canRetryAsset,canRetryInitialLoad:f,errorMessage:o,getAssetErrorKind:D.getAssetErrorKind,getAssetErrorLabel:D.getAssetErrorLabel,getAssetRenderKey:D.getAssetRenderKey,formatPlaybackTime:pt,getImageSource:D.getImageSource,getSlideStyle:ie,hasNextPage:c,isAtEnd:O,isAudio:re,isVisual:ne,items:i,loading:s,mediaStates:D.mediaStates,isImageReady:D.isImageReady,isMediaReady:D.isMediaReady,onAudioCoverClick:Y,onImageError:D.onImageError,onImageLoad:D.onImageLoad,onMediaEvent:D.onMediaEvent,onMediaError:D.onMediaError,onMediaSeekInput:X,onMediaVolumeInput:ee,onMediaVolumeToggle:te,onPointerCancel:U,onPointerDown:B,onPointerMove:V,onPointerUp:H,onVideoClick:J,onWheel:K,registerAudioElement:D.registerAudioElement,registerImageElement:D.registerImageElement,registerVideoElement:D.registerVideoElement,renderedItems:P,renderedRange:N,resolvedActiveIndex:S,resetAssetState:D.resetAssetState,retryInitialLoad:async()=>{},retryAsset:D.retryAsset,stageRef:p,statusKind:A,statusMessage:j,paginationDetail:u,phase:d}}var Lt=`bg-[linear-gradient(180deg,#0a0b10,#05060a)]`,Rt=`bg-[linear-gradient(180deg,#0b0c11,#06070b)]`,zt={image:!0,video:!0,audio:!0,other:!0};function Bt(e){return zt[e],Lt}function Vt(e){return zt[e],Rt}function Ht(e){function t(t,n){return e.fullscreenMedia.shouldHandleSlideAssetEvent(t,n)?e.fullscreenMedia.getItemKey(n):null}function n(n,r,i){let a=t(r,i);if(!a)return;e.fullscreenMedia.settleAssetPreload(a),e.viewer.onImageLoad(a,i.url);let o=n.currentTarget;o instanceof HTMLImageElement&&e.updateDominantToneFromImageElement(a,o)}async function r(n,r){let i=t(n,r);i&&(e.fullscreenMedia.settleAssetPreload(i),await e.viewer.onImageError(i,r.url))}function i(n,r,i){let a=t(n,r);return a?(e.viewer.onMediaEvent(a,i),a):null}async function a(n,r){let i=t(n,r);i&&(e.fullscreenMedia.settleAssetPreload(i),await e.viewer.onMediaError(i,r.url))}return{getHandledItemKey:t,onFullscreenImageError:r,onFullscreenImageLoad:n,onFullscreenMediaError:a,onFullscreenMediaEvent:i}}function Ut(e){if(e.naturalWidth<=0||e.naturalHeight<=0)return null;let t=document.createElement(`canvas`),n=t.getContext(`2d`,{willReadFrequently:!0});if(!n)return null;t.width=24,t.height=24;try{n.drawImage(e,0,0,24,24);let{data:t}=n.getImageData(0,0,24,24),r=0,i=0,a=0,o=0;for(let e=0;e<t.length;e+=4){let n=t[e+3]/255;if(n<=.05)continue;let s=t[e],c=t[e+1],l=t[e+2],u=Math.max(s,c,l),d=n*(.65+(u===0?0:(u-Math.min(s,c,l))/u)*.7);r+=d,i+=s*d,a+=c*d,o+=l*d}return r<=0?null:{r:Wt(Math.round(i/r)),g:Wt(Math.round(a/r)),b:Wt(Math.round(o/r))}}catch{return null}}function Wt(e){return Math.min(235,Math.max(26,e))}function Gt(t){let n=(0,e.ref)({}),r=(0,e.computed)(()=>t.activeItem.value?t.getItemKey(t.activeItem.value):null),i=(0,e.computed)(()=>!t.showDominantImageTone.value||t.activeItem.value?.type!==`image`||!r.value||!t.isImageReady(r.value)?null:n.value[r.value]??null),a=(0,e.computed)(()=>{if(!i.value)return;let{r:e,g:t,b:n}=i.value;return{background:`radial-gradient(circle at top center, rgba(${e},${t},${n},0.34) 0%, transparent 44%), linear-gradient(180deg,#0a0b10,#05060a)`}}),o=(0,e.computed)(()=>{if(!i.value)return;let{r:e,g:t,b:n}=i.value;return{background:`radial-gradient(circle at center, rgba(${e},${t},${n},0.42) 0%, transparent 44%), linear-gradient(180deg,#0b0c11,#06070b)`}});(0,e.watch)(()=>t.showDominantImageTone.value,e=>{e||(n.value={})});function s(e,r){if(!t.showDominantImageTone.value)return;let i=Ut(r);i&&(n.value[e]=i)}return{activeStageToneStyle:a,activeSlideToneStyle:o,updateFromImageElement:s}}var Kt=[`data-surface`],qt=[`data-surface`],Jt=(0,e.defineComponent)({inheritAttrs:!1,__name:`SurfaceEmptyState`,props:{message:{},mode:{},surface:{}},setup(t){let n=(0,e.useAttrs)();return(r,i)=>t.mode===`inline`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,(0,e.mergeProps)({key:0},(0,e.unref)(n),{"data-testid":`vibe-empty-state-inline`,"data-surface":t.surface,class:[`pointer-events-none absolute z-[4] text-center`,t.surface===`grid`?`inset-x-0 top-[clamp(6rem,22vh,11rem)] flex justify-center px-6`:`inset-0 grid place-items-center px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)]`]}),[(0,e.renderSlot)(r.$slots,`default`,{},()=>[(0,e.createElementVNode)(`p`,{class:(0,e.normalizeClass)([`m-0 text-[0.82rem] font-medium tracking-[0.08em]`,t.surface===`grid`?`text-[#f7f1ea]/58`:`text-[#f7f1ea]/64`])},(0,e.toDisplayString)(t.message),3)])],16,Kt)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,(0,e.mergeProps)({key:1},(0,e.unref)(n),{class:[`pointer-events-none absolute z-[4]`,t.surface===`grid`?`inset-x-0 bottom-0 flex justify-center px-6`:`bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]`]}),[(0,e.renderSlot)(r.$slots,`default`,{},()=>[(0,e.createElementVNode)(`span`,{"data-testid":`vibe-empty-state-badge`,"data-surface":t.surface,class:(0,e.normalizeClass)([`inline-flex items-center border border-white/14 backdrop-blur-[18px]`,t.surface===`grid`?`bg-black/55 px-4 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/72`:`w-auto bg-black/40 px-5 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/74 max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center`])},(0,e.toDisplayString)(t.message),11,qt)])],16))}}),Yt={class:`relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]`},Xt={key:0,class:`relative h-full min-h-0`},Zt=[`data-item-id`,`data-occurrence-key`,`data-index`,`data-active`,`aria-hidden`],Qt={key:0,"data-testid":`vibe-asset-spinner`,class:`pointer-events-none absolute inset-0 z-[2] grid place-items-center`},$t={class:`inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]`},en=[`data-kind`],tn={class:`grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]`},nn={class:`m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70`},rn=[`onClick`],an=[`src`,`alt`,`onLoad`,`onError`],on=[`loop`,`src`,`preload`,`onClick`,`onCanplay`,`onDurationchange`,`onEnded`,`onError`,`onLoadstart`,`onLoadedmetadata`,`onPause`,`onPlay`,`onPlaying`,`onSeeking`,`onSeeked`,`onStalled`,`onTimeupdate`,`onWaiting`],sn={class:`relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center`},cn=[`aria-label`,`disabled`,`onClick`],ln={class:`relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]`},un={class:`pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]`},dn={key:0,"data-testid":`vibe-asset-spinner`,class:`pointer-events-none absolute inset-0 z-[3] grid place-items-center`},fn={class:`inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]`},pn=[`data-kind`],mn={class:`m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70`},hn=[`onClick`],gn=[`src`,`preload`,`onCanplay`,`onDurationchange`,`onError`,`onLoadstart`,`onLoadedmetadata`,`onPause`,`onPlay`,`onPlaying`,`onSeeking`,`onSeeked`,`onStalled`,`onTimeupdate`,`onWaiting`],_n={key:2,class:`relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center`},vn={class:`inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-white/8 p-4 backdrop-blur-[20px]`},yn={key:0,"data-testid":`vibe-fullscreen-overlay`,class:`pointer-events-none absolute inset-0 z-[6]`},bn={class:`h-full w-full`},xn={key:1,"data-testid":`vibe-forward-fill-placeholder`,class:`grid h-full min-h-0 place-items-center px-6 text-center`},Sn={class:`grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]`},Cn={class:`inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]`},wn={class:`m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72`},Tn={key:0,"data-testid":`vibe-fullscreen-aside`,class:`h-full min-h-0 overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]`},En={class:`h-full min-h-0 overflow-y-auto overscroll-y-contain`},Dn={key:0,"data-testid":`vibe-fullscreen-aside`,class:`absolute inset-y-0 right-0 z-[6] w-full max-w-[22rem] overflow-hidden border-l border-white/10 bg-black/82 backdrop-blur-[18px]`},On={class:`h-full min-h-0 overflow-y-auto overscroll-y-contain`},kn=1280,An=768,jn=(0,e.defineComponent)({__name:`FullscreenSurface`,props:{active:{type:Boolean,default:!0},activeIndex:{default:0},emptyStateMode:{default:`inline`},errorMessage:{default:null},hasNextPage:{type:Boolean,default:!1},items:{},loading:{type:Boolean,default:!1},loopFullscreenVideo:{type:Boolean,default:!0},paginationDetail:{default:null},phase:{default:null},reportAssetError:{type:[Function,null],default:null},reportAssetLoad:{type:[Function,null],default:null},showDominantImageTone:{type:Boolean,default:!0},showBackToList:{type:Boolean,default:!1},showEndBadge:{type:Boolean,default:!0},showStatusBadges:{type:Boolean,default:!0}},emits:[`back-to-list`,`update:activeIndex`],setup(t,{emit:n}){let r=t,i=(0,e.useSlots)(),a=n,o=It(r,(e,t)=>{a(`update:activeIndex`,t)},{enabled:(0,e.toRef)(r,`active`),onAssetError:r.reportAssetError??void 0,onAssetLoad:r.reportAssetLoad??void 0}),s=(0,e.ref)(typeof window>`u`?kn:window.innerWidth||kn),c=ct({active:(0,e.toRef)(r,`active`),items:o.items,resolvedActiveIndex:o.resolvedActiveIndex,viewer:o}),l=(0,e.computed)(()=>Bt(o.activeItem.value?.type??`image`)),{activeSlideToneStyle:u,activeStageToneStyle:d,updateFromImageElement:f}=Gt({activeItem:o.activeItem,getItemKey:c.getItemKey,isImageReady:o.isImageReady,showDominantImageTone:(0,e.toRef)(r,`showDominantImageTone`)}),p=Ht({fullscreenMedia:c,updateDominantToneFromImageElement:W,viewer:o}),m=(0,e.computed)(()=>o.activeMediaItem.value&&!o.activeAssetErrorKind.value?`bottom-[5.8rem] max-[720px]:bottom-[7.4rem]`:`bottom-[1.8rem] max-[720px]:bottom-[1.3rem]`),y=(0,e.computed)(()=>!!o.activeMediaItem.value&&!o.activeAssetErrorKind.value),b=(0,e.computed)(()=>s.value<An?`vertical`:`horizontal`),x=(0,e.computed)(()=>y.value?`pb-[5.75rem] max-[720px]:pb-[7rem]`:``),S=(0,e.computed)(()=>r.activeIndex>=r.items.length&&(r.loading||r.hasNextPage)),C=(0,e.computed)(()=>r.hasNextPage?`Loading more items`:o.statusMessage.value??`Loading more items`),w=(0,e.computed)(()=>{let e=o.activeItem.value;return e?{hasNextPage:r.hasNextPage,index:o.resolvedActiveIndex.value,item:e,loading:r.loading,paginationDetail:r.paginationDetail,total:r.items.length}:null}),T=(0,e.computed)(()=>!w.value||!i[`fullscreen-header-actions`]?[]:i[`fullscreen-header-actions`](w.value)),E=(0,e.computed)(()=>!w.value||!i[`fullscreen-aside`]?[]:i[`fullscreen-aside`](w.value)),D=(0,e.computed)(()=>!r.showStatusBadges||!w.value||!o.statusKind.value||!o.statusMessage.value?null:{...w.value,kind:o.statusKind.value,message:o.statusMessage.value}),O=(0,e.computed)(()=>!D.value||!i[`fullscreen-status`]?[]:i[`fullscreen-status`](D.value)),k=(0,e.computed)(()=>({gridTemplateColumns:M.value?`minmax(0, 1fr) 22rem`:`minmax(0, 1fr) 0rem`,transition:`grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)`})),A=(0,e.computed)(()=>lt(T.value)),j=(0,e.computed)(()=>lt(E.value)),M=(0,e.computed)(()=>j.value&&s.value>=kn),N=(0,e.computed)(()=>j.value&&!M.value),P=(0,e.computed)(()=>lt(O.value)),{emptyStateProps:F,showBadgeEmptyState:I,showCustomEmptyState:L,showInlineEmptyState:R}=ft({emptyStateMode:(0,e.toRef)(r,`emptyStateMode`),itemCount:(0,e.computed)(()=>r.items.length),loading:(0,e.toRef)(r,`loading`),renderSlot:i[`empty-state`],surface:`fullscreen`});(0,e.onMounted)(()=>{window.addEventListener(`resize`,z)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,z)});function z(){s.value=window.innerWidth||kn}function B(e,t){c.registerImageElement(e,t),o.registerImageElement(e,t),t instanceof HTMLImageElement&&W(e,t)}function V(e,t){c.registerMediaElement(e,t),o.registerVideoElement(e,t)}function H(e,t){c.registerMediaElement(e,t),o.registerAudioElement(e,t)}function U(e,t,n){let r=p.onFullscreenMediaEvent(e,t,n),i=n.currentTarget,a=typeof HTMLMediaElement>`u`?1:HTMLMediaElement.HAVE_METADATA;r&&i instanceof HTMLMediaElement&&i.readyState>=a&&c.settleAssetPreload(r)}function W(e,t){f(e,t)}function G(e,t,n){let i=p.getHandledItemKey(t,n);if(!i||(o.onMediaEvent(i,e),!r.loopFullscreenVideo))return;let a=e.currentTarget;if(!(a instanceof HTMLVideoElement))return;try{a.currentTime=0}catch{}let s=a.play();s&&typeof s.catch==`function`&&s.catch(()=>{})}return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Yt,[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`absolute inset-0 transition-[background] duration-200`,l.value]),style:(0,e.normalizeStyle)((0,e.unref)(d))},null,6),(0,e.createElementVNode)(`div`,{class:`relative z-[1] grid h-full min-h-0`,style:(0,e.normalizeStyle)(k.value)},[(0,e.createElementVNode)(`div`,{ref:`viewer.stageRef`,"data-testid":`vibe-stage`,class:`relative h-full min-h-0 touch-none overflow-hidden`,onPointerdown:n[1]||=(...t)=>(0,e.unref)(o).onPointerDown&&(0,e.unref)(o).onPointerDown(...t),onPointermove:n[2]||=(...t)=>(0,e.unref)(o).onPointerMove&&(0,e.unref)(o).onPointerMove(...t),onPointerup:n[3]||=(...t)=>(0,e.unref)(o).onPointerUp&&(0,e.unref)(o).onPointerUp(...t),onPointercancel:n[4]||=(...t)=>(0,e.unref)(o).onPointerCancel&&(0,e.unref)(o).onPointerCancel(...t),onWheel:n[5]||=(...t)=>(0,e.unref)(o).onWheel&&(0,e.unref)(o).onWheel(...t)},[(0,e.unref)(o).activeItem.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Xt,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(o).renderedItems.value,({item:i,index:a})=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{key:(0,e.unref)(c).getItemKey(i),"data-testid":`vibe-slide`,"data-item-id":i.id,"data-occurrence-key":(0,e.unref)(c).getItemKey(i),"data-index":a,"data-active":a===(0,e.unref)(o).resolvedActiveIndex.value,"aria-hidden":a===(0,e.unref)(o).resolvedActiveIndex.value?`false`:`true`,class:(0,e.normalizeClass)([`absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform`,a===(0,e.unref)(o).resolvedActiveIndex.value?`pointer-events-auto`:`pointer-events-none`]),style:(0,e.normalizeStyle)((0,e.unref)(o).getSlideStyle(a))},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`absolute inset-0 opacity-85`,(0,e.unref)(Vt)(i.type)]),style:(0,e.normalizeStyle)(a===(0,e.unref)(o).resolvedActiveIndex.value&&i.type===`image`?(0,e.unref)(u):void 0)},null,6),(0,e.unref)(o).isVisual(i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:(0,e.normalizeClass)([`relative z-[1] flex h-full w-full items-center justify-center overflow-hidden`,a===(0,e.unref)(o).resolvedActiveIndex.value?x.value:``])},[(0,e.unref)(c).isAssetLoading(a,i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Qt,[(0,e.createElementVNode)(`span`,$t,[(0,e.createVNode)((0,e.unref)(h),{class:`h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78`,"aria-hidden":`true`})])])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(c).isAssetErrored(a,i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,"data-testid":`vibe-asset-error`,"data-kind":(0,e.unref)(c).getAssetErrorKind(i),class:`grid h-full w-full place-items-center`},[(0,e.createElementVNode)(`div`,tn,[(0,e.createVNode)((0,e.unref)(v),{class:`h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72`,"aria-hidden":`true`}),(0,e.createElementVNode)(`p`,nn,(0,e.toDisplayString)((0,e.unref)(c).getAssetErrorLabel(i)),1),(0,e.unref)(o).canRetryAsset((0,e.unref)(c).getItemKey(i))?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50`,onClick:(0,e.withModifiers)(t=>(0,e.unref)(o).retryAsset((0,e.unref)(c).getItemKey(i)),[`stop`])},` Retry `,8,rn)):(0,e.createCommentVNode)(``,!0)])],8,en)):i.type===`image`?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:(0,e.unref)(o).getAssetRenderKey((0,e.unref)(c).getItemKey(i)),src:(0,e.unref)(c).getFullscreenImageSource(a,i),alt:i.title??``,crossorigin:`anonymous`,draggable:`false`,class:(0,e.normalizeClass)([`block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300`,(0,e.unref)(o).isImageReady((0,e.unref)(c).getItemKey(i))?`opacity-100`:`opacity-0`]),ref_for:!0,ref:t=>B((0,e.unref)(c).getItemKey(i),t),onLoad:t=>(0,e.unref)(p).onFullscreenImageLoad(t,a,i),onError:t=>(0,e.unref)(p).onFullscreenImageError(a,i)},null,42,an)):((0,e.openBlock)(),(0,e.createElementBlock)(`video`,{key:(0,e.unref)(o).getAssetRenderKey((0,e.unref)(c).getItemKey(i)),class:(0,e.normalizeClass)([`block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300`,(0,e.unref)(o).isMediaReady((0,e.unref)(c).getItemKey(i))?`opacity-100`:`opacity-0`]),playsinline:``,loop:r.loopFullscreenVideo,src:(0,e.unref)(c).getFullscreenMediaSource(a,i),preload:(0,e.unref)(c).getFullscreenMediaPreload(a),ref_for:!0,ref:t=>V((0,e.unref)(c).getItemKey(i),t),onClick:(0,e.withModifiers)(t=>(0,e.unref)(o).onVideoClick(t,(0,e.unref)(c).getItemKey(i)),[`stop`]),onCanplay:e=>U(a,i,e),onDurationchange:e=>U(a,i,e),onEnded:e=>G(e,a,i),onError:t=>(0,e.unref)(p).onFullscreenMediaError(a,i),onLoadstart:e=>U(a,i,e),onLoadedmetadata:e=>U(a,i,e),onPause:e=>U(a,i,e),onPlay:e=>U(a,i,e),onPlaying:e=>U(a,i,e),onSeeking:e=>U(a,i,e),onSeeked:e=>U(a,i,e),onStalled:e=>U(a,i,e),onTimeupdate:e=>U(a,i,e),onWaiting:e=>U(a,i,e)},null,42,on))],2)):(0,e.unref)(o).isAudio(i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,class:(0,e.normalizeClass)([`relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center`,a===(0,e.unref)(o).resolvedActiveIndex.value?x.value:``])},[(0,e.createElementVNode)(`div`,sn,[(0,e.createElementVNode)(`button`,{type:`button`,class:`relative grid h-full w-full place-items-center border border-white/12 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02)),radial-gradient(circle_at_center,rgba(16,185,129,0.14),transparent_58%)] text-[#f7f1ea] transition-[border-color,background] duration-200 hover:border-white/30 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),radial-gradient(circle_at_center,rgba(16,185,129,0.18),transparent_58%)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]`,"aria-label":(0,e.unref)(o).mediaStates.value[(0,e.unref)(c).getItemKey(i)]?.paused??!0?(0,e.unref)(c).getMediaActionLabel(`Play`,i):(0,e.unref)(c).getMediaActionLabel(`Pause`,i),disabled:!!(0,e.unref)(c).getAssetErrorKind(i),onClick:t=>(0,e.unref)(o).onAudioCoverClick(t,(0,e.unref)(c).getItemKey(i))},[n[6]||=(0,e.createElementVNode)(`span`,{class:`pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(16,185,129,0.16),transparent_66%)]`},null,-1),n[7]||=(0,e.createElementVNode)(`span`,{class:`pointer-events-none absolute h-[clamp(220px,30vw,360px)] w-[clamp(220px,30vw,360px)] border border-white/8 bg-[radial-gradient(circle,rgba(255,255,255,0.08),transparent_62%)]`},null,-1),(0,e.createElementVNode)(`span`,ln,[(0,e.renderSlot)(t.$slots,`item-icon`,{icon:(0,e.unref)(Je)(i.type),item:i},()=>[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(Je)(i.type)),{class:`h-6 w-6 stroke-[1.9]`,"aria-hidden":`true`}))])]),(0,e.createElementVNode)(`span`,un,[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(o).mediaStates.value[(0,e.unref)(c).getItemKey(i)]?.paused??!0?(0,e.unref)(_):(0,e.unref)(g)),{class:`h-4 w-4 stroke-2`,"aria-hidden":`true`}))])],8,cn),(0,e.unref)(c).isAssetLoading(a,i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,dn,[(0,e.createElementVNode)(`span`,fn,[(0,e.createVNode)((0,e.unref)(h),{class:`h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78`,"aria-hidden":`true`})])])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(c).getAssetErrorKind(i)?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[n[8]||=(0,e.createElementVNode)(`div`,{class:`pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]`},null,-1),(0,e.createElementVNode)(`div`,{"data-testid":`vibe-asset-error`,"data-kind":(0,e.unref)(c).getAssetErrorKind(i),class:`relative z-[1] grid justify-items-center gap-4`},[(0,e.createVNode)((0,e.unref)(v),{class:`h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72`,"aria-hidden":`true`}),(0,e.createElementVNode)(`p`,mn,(0,e.toDisplayString)((0,e.unref)(c).getAssetErrorLabel(i)),1),(0,e.unref)(o).canRetryAsset((0,e.unref)(c).getItemKey(i))?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50`,onClick:(0,e.withModifiers)(t=>(0,e.unref)(o).retryAsset((0,e.unref)(c).getItemKey(i)),[`stop`])},` Retry `,8,hn)):(0,e.createCommentVNode)(``,!0)],8,pn)],64)):(0,e.createCommentVNode)(``,!0)]),((0,e.openBlock)(),(0,e.createElementBlock)(`audio`,{key:(0,e.unref)(o).getAssetRenderKey((0,e.unref)(c).getItemKey(i)),src:(0,e.unref)(c).getFullscreenMediaSource(a,i),preload:(0,e.unref)(c).getFullscreenMediaPreload(a),class:`pointer-events-none absolute h-px w-px opacity-0`,ref_for:!0,ref:t=>H((0,e.unref)(c).getItemKey(i),t),onCanplay:e=>U(a,i,e),onDurationchange:e=>U(a,i,e),onError:t=>(0,e.unref)(p).onFullscreenMediaError(a,i),onLoadstart:e=>U(a,i,e),onLoadedmetadata:e=>U(a,i,e),onPause:e=>U(a,i,e),onPlay:e=>U(a,i,e),onPlaying:e=>U(a,i,e),onSeeking:e=>U(a,i,e),onSeeked:e=>U(a,i,e),onStalled:e=>U(a,i,e),onTimeupdate:e=>U(a,i,e),onWaiting:e=>U(a,i,e)},null,40,gn))],2)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,_n,[(0,e.createElementVNode)(`div`,vn,[(0,e.renderSlot)(t.$slots,`item-icon`,{icon:(0,e.unref)(Je)(i.type),item:i},()=>[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(Je)(i.type)),{class:`h-6 w-6 stroke-[1.9]`,"aria-hidden":`true`}))])])]))],14,Zt))),128)),w.value&&i[`fullscreen-overlay`]?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,yn,[(0,e.createElementVNode)(`div`,bn,[(0,e.renderSlot)(t.$slots,`fullscreen-overlay`,(0,e.normalizeProps)((0,e.guardReactiveProps)(w.value)))])])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(o).activeItem.value?((0,e.openBlock)(),(0,e.createBlock)(Ge,{key:1,"current-index":(0,e.unref)(o).resolvedActiveIndex.value,loading:r.loading,"pagination-detail":(0,e.unref)(o).paginationDetail.value,"show-back-to-list":r.showBackToList,"show-end-badge":r.showEndBadge&&(0,e.unref)(o).isAtEnd.value&&!(0,e.unref)(o).hasNextPage.value&&!(0,e.unref)(o).loading.value,title:(0,e.unref)(o).activeItem.value.title??null,total:(0,e.unref)(o).items.value.length,onBackToList:n[0]||=e=>a(`back-to-list`)},(0,e.createSlots)({_:2},[A.value&&w.value?{name:`actions`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,`fullscreen-header-actions`,(0,e.normalizeProps)((0,e.guardReactiveProps)(w.value)))]),key:`0`}:void 0]),1032,[`current-index`,`loading`,`pagination-detail`,`show-back-to-list`,`show-end-badge`,`title`,`total`])):(0,e.createCommentVNode)(``,!0),y.value?((0,e.openBlock)(),(0,e.createBlock)(Fe,{key:2,"current-time":(0,e.unref)(o).activeMediaState.value.currentTime,"current-time-label":(0,e.unref)(o).formatPlaybackTime((0,e.unref)(o).activeMediaState.value.currentTime),duration:(0,e.unref)(o).activeMediaDuration.value,"duration-label":(0,e.unref)(o).formatPlaybackTime((0,e.unref)(o).activeMediaDuration.value),muted:(0,e.unref)(o).activeMediaState.value.muted,progress:(0,e.unref)(o).activeMediaProgress.value,volume:(0,e.unref)(o).activeMediaState.value.volume,"volume-control-layout":b.value,onSeekInput:(0,e.unref)(o).onMediaSeekInput,onVolumeInput:(0,e.unref)(o).onMediaVolumeInput,onVolumeToggle:(0,e.unref)(o).onMediaVolumeToggle},null,8,[`current-time`,`current-time-label`,`duration`,`duration-label`,`muted`,`progress`,`volume`,`volume-control-layout`,`onSeekInput`,`onVolumeInput`,`onVolumeToggle`])):(0,e.createCommentVNode)(``,!0),D.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:3,class:(0,e.normalizeClass)([`absolute left-1/2 z-[4] -translate-x-1/2`,m.value])},[P.value?(0,e.renderSlot)(t.$slots,`fullscreen-status`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},D.value))):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,"data-testid":`vibe-fullscreen-status-badge`,class:(0,e.normalizeClass)([`inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center`,D.value.kind===`end`?`border-amber-300/35 text-amber-200`:D.value.kind===`failed`?`border-rose-400/45 text-rose-100`:``])},(0,e.toDisplayString)(D.value.message),3))],2)):(0,e.createCommentVNode)(``,!0)])):S.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,xn,[(0,e.createElementVNode)(`div`,Sn,[(0,e.createElementVNode)(`span`,Cn,[(0,e.createVNode)((0,e.unref)(h),{class:`h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78`,"aria-hidden":`true`})]),(0,e.createElementVNode)(`p`,wn,(0,e.toDisplayString)(C.value),1)])])):(0,e.unref)(R)&&(0,e.unref)(F)?((0,e.openBlock)(),(0,e.createBlock)(Jt,{key:2,message:(0,e.unref)(F).message,mode:(0,e.unref)(F).mode,surface:(0,e.unref)(F).surface},{default:(0,e.withCtx)(()=>[(0,e.unref)(L)?(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(F)))):(0,e.createCommentVNode)(``,!0)]),_:3},8,[`message`,`mode`,`surface`])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(I)&&(0,e.unref)(F)?((0,e.openBlock)(),(0,e.createBlock)(Jt,{key:3,message:(0,e.unref)(F).message,mode:(0,e.unref)(F).mode,surface:(0,e.unref)(F).surface},{default:(0,e.withCtx)(()=>[(0,e.unref)(L)?(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(F)))):(0,e.createCommentVNode)(``,!0)]),_:3},8,[`message`,`mode`,`surface`])):(0,e.createCommentVNode)(``,!0)],544),(0,e.createVNode)(e.Transition,{"enter-active-class":`transform-gpu transition-all duration-320 ease-out`,"enter-from-class":`translate-x-full opacity-0`,"enter-to-class":`translate-x-0 opacity-100`,"leave-active-class":`transform-gpu transition-all duration-260 ease-in`,"leave-from-class":`translate-x-0 opacity-100`,"leave-to-class":`translate-x-full opacity-0`},{default:(0,e.withCtx)(()=>[M.value&&w.value?((0,e.openBlock)(),(0,e.createElementBlock)(`aside`,Tn,[(0,e.createElementVNode)(`div`,En,[(0,e.renderSlot)(t.$slots,`fullscreen-aside`,(0,e.normalizeProps)((0,e.guardReactiveProps)(w.value)))])])):(0,e.createCommentVNode)(``,!0)]),_:3})],4),(0,e.createVNode)(e.Transition,{"enter-active-class":`transform-gpu transition-all duration-320 ease-out`,"enter-from-class":`translate-x-full opacity-0`,"enter-to-class":`translate-x-0 opacity-100`,"leave-active-class":`transform-gpu transition-all duration-260 ease-in`,"leave-from-class":`translate-x-0 opacity-100`,"leave-to-class":`translate-x-full opacity-0`},{default:(0,e.withCtx)(()=>[N.value&&w.value?((0,e.openBlock)(),(0,e.createElementBlock)(`aside`,Dn,[(0,e.createElementVNode)(`div`,On,[(0,e.renderSlot)(t.$slots,`fullscreen-aside`,(0,e.normalizeProps)((0,e.guardReactiveProps)(w.value)))])])):(0,e.createCommentVNode)(``,!0)]),_:3})]))}}),Mn=1,Nn=.5;function Pn(e){if(e.type!==`image`&&e.type!==`video`)return{width:Mn,height:Mn,source:`fallback`};let t=e.preview?.width,n=e.preview?.height;if(Vn(t)&&Vn(n)){let r=Hn(e,t,n);return{width:r.width,height:r.height,source:`preview`}}if(Vn(e.width)&&Vn(e.height)){let t=Hn(e,e.width,e.height);return{width:t.width,height:t.height,source:`original`}}return{width:Mn,height:Mn,source:`fallback`}}function Fn(e,t){return!e||e<=0||!t||t<=0?1:Math.max(1,Math.floor(e/t))}function In(e,t,n,r=0){if(!e||e<=0||!t||t<=0)return n;let i=typeof r==`number`&&r>0?r:0,a=e-Math.max(0,t-1)*i;return!a||a<=0?n:a/t}function Ln(e,t){let n=Pn(e);return n.height/n.width*t}function Rn(e,t){let n=Array.from({length:t.columnCount},()=>0),r=Array(e.length),i=Array(e.length),a=new Map,o=new Map,s=0;for(let c=0;c<e.length;c+=1){let l=e[c];o.set(M(l),c);let u=0;for(let e=1;e<n.length;e+=1)n[e]<n[u]&&(u=e);let d=u*(t.columnWidth+t.gapX),f=n[u],p=Ln(l,t.columnWidth);r[c]={x:d,y:f},i[c]=p,n[u]=f+p+t.gapY,s=Math.max(s,f+p);let m=Math.floor(f/t.bucketPx),h=Math.floor((f+p)/t.bucketPx);for(let e=m;e<=h;e+=1){let t=a.get(e);t?t.push(c):a.set(e,[c])}}return{positions:r,heights:i,buckets:a,contentHeight:s,indexById:o}}function zn(e){if(e.itemCount<=0)return[];if(e.viewportHeight<=0)return Array.from({length:e.itemCount},(e,t)=>t);let t=Math.max(0,e.scrollTop-e.overscanPx),n=e.scrollTop+e.viewportHeight+e.overscanPx,r=Math.floor(t/e.bucketPx),i=Math.floor(n/e.bucketPx),a=new Set;for(let t=r;t<=i;t+=1){let n=e.buckets.get(t);if(n)for(let e of n)a.add(e)}return Array.from(a).sort((e,t)=>e-t)}function Bn(e,t,n){let r=new Map;for(let i of e){let e=t.get(M(i));if(e==null)continue;let a=n[e];a&&r.set(M(i),a)}return r}function Vn(e){return typeof e==`number`&&Number.isFinite(e)&&e>0}function Hn(e,t,n){return e.type!==`image`||n/t>=Nn?{width:t,height:n}:{width:t,height:t}}var Un=300,Wn=600,Gn=40,Kn=300,qn=400;function Jn(e,t){return t===`top`?[...e].reverse():e}function Yn(e){return e<=0?Wn:Wn+Math.min((e-1)*Gn,qn)}function Xn(){return Kn}function Zn(e){let t=e.itemHeight>0?e.itemHeight:e.columnWidth;return e.direction===`top`?e.scrollTop-t:e.scrollTop+e.viewportHeight+t}function Qn(t){let n=(0,e.ref)(new Set),r=(0,e.ref)(new Set),i=(0,e.ref)(new Map),a=(0,e.ref)(new Map),o=(0,e.ref)(new Map),s=(0,e.ref)(new Set),c=(0,e.ref)(new Map),l=(0,e.ref)(new Map),u=(0,e.ref)(new Set),d=new Set,f=new Set,p=(0,e.computed)(()=>Array.from(o.value.values()));(0,e.watch)(t.visibleIndices,e=>{if(!e.length)return;let o=[];for(let r of e){let e=t.items.value[r]?M(t.items.value[r]):null;!e||!n.value.has(e)||d.has(e)||(d.add(e),o.push(e))}if(!o.length)return;let s=Jn(o,a.value.get(o[0])??`bottom`),c=new Map(i.value);for(let e=0;e<s.length;e+=1)c.set(s[e],Math.min(e*Gn,qn));i.value=c,$n(()=>{let e=new Set(r.value);for(let t of o)e.add(t);r.value=e}),er(()=>{let e=new Set(n.value);for(let t of o)e.delete(t);n.value=e,x(()=>{let e=new Set(r.value),t=new Map(i.value),n=new Map(a.value);for(let r of o)e.delete(r),t.delete(r),n.delete(r),d.delete(r);r.value=e,i.value=t,a.value=n},Yn(o.length))})},{flush:`post`}),(0,e.watch)(()=>t.items.value.map(e=>M(e)),e=>{if(!e.length||!o.value.size)return;let t=new Set(e),n=null,r=null;for(let e of o.value.keys())t.has(e)&&(n||=new Map(o.value),r||=new Set(s.value),n.delete(e),r.delete(e));n&&(o.value=n),r&&(s.value=r)}),(0,e.onBeforeUnmount)(()=>{for(let e of f)clearTimeout(e);f.clear()});function m(e,t=`bottom`){if(!e.length)return;let r=new Set(n.value),i=new Map(a.value);for(let n of e){let e=M(n);r.add(e),i.set(e,t)}n.value=r,a.value=i}function h(e){if(!e.length)return;let t=new Map(o.value),c=new Set(n.value),l=new Set(r.value),u=new Map(i.value),f=new Map(a.value),p=[];for(let n of e){let e=M(n.item);p.push(e),t.set(e,n),c.delete(e),l.delete(e),u.delete(e),f.delete(e),d.delete(e)}o.value=t,n.value=c,r.value=l,i.value=u,a.value=f,$n(()=>{let e=new Set(s.value);for(let t of p)e.add(t);s.value=e}),x(()=>{let e=new Map(o.value),t=new Set(s.value);for(let n of p)e.delete(n),t.delete(n);o.value=e,s.value=t},Kn)}function g(e,n,r=Un){if(!e.size)return;let i=new Map,a=[];for(let[r,o]of e.entries()){if(n?.has(r))continue;let e=t.indexById.value.get(r);if(e==null)continue;let s=t.positions.value[e];if(!s)continue;let c=o.x-s.x,l=o.y-s.y;!c&&!l||(i.set(r,{dx:c,dy:l}),a.push(r))}if(!i.size)return;c.value=i,u.value=new Set;let o=new Map(l.value);for(let e of a)o.set(e,r);l.value=o,$n(()=>{u.value=new Set(a),$n(()=>{c.value=new Map})}),x(()=>{u.value=new Set;let e=new Map(l.value);for(let t of a)e.delete(t);l.value=e},r)}function _(e){if(r.value.has(e))return`transform ${Wn}ms ease-out`;if(u.value.has(e))return`transform ${l.value.get(e)??Un}ms ease-out`}function v(e){if(!r.value.has(e))return;let t=i.value.get(e)??0;return t>0?`${t}ms`:void 0}function y(e){let r=t.items.value[e],i=t.positions.value[e]??{x:0,y:0},o=t.heights.value[e]??t.columnWidth.value,s=r?M(r):null,l=s?c.value.get(s)??{dx:0,dy:0}:{dx:0,dy:0},u=s?a.value.get(s)??`bottom`:`bottom`,d=s&&n.value.has(s)?Zn({columnWidth:t.columnWidth.value,direction:u,itemHeight:o,scrollTop:t.scrollTop.value,viewportHeight:t.viewportHeight.value}):i.y;return`translate3d(${i.x+l.dx}px, ${d+l.dy}px, 0)`}function b(e){let n=M(e),r=o.value.get(n);if(!r)return{opacity:`0`,transform:`translate3d(0, 0, 0) scale(0.96)`,transition:`opacity ${Kn}ms ease-out, transform ${Kn}ms ease-out`};let i=s.value.has(n);return{height:`${r.height}px`,opacity:i?`0`:`1`,transform:`translate3d(${r.position.x}px, ${r.position.y}px, 0) scale(${i?`0.96`:`1`})`,transition:`opacity ${Kn}ms ease-out, transform ${Kn}ms ease-out`,width:`${t.columnWidth.value}px`}}function x(e,t){let n=setTimeout(()=>{f.delete(n),e()},t);f.add(n)}return{getCardTransform:y,getCardTransition:_,getCardTransitionDelay:v,getLeavingCardStyle:b,leavingItems:p,markEnter:m,markLeave:h,playFlipMoveAnimation:g}}function $n(e){if(typeof requestAnimationFrame==`function`){requestAnimationFrame(()=>e());return}setTimeout(e,0)}function er(e){$n(()=>$n(e))}function tr(e,t){return e?.clientHeight||Math.round(e?.getBoundingClientRect().height??0)||t||window.innerHeight||1}function nr(e,t,n){return e?.clientWidth||Math.round(e?.getBoundingClientRect().width??0)||t||window.innerWidth||n}function rr(e,t,n,r){return(e?.scrollHeight??r)-(t+n)}function ir(e,t){return{height:`${e}px`,transform:`translate3d(0, ${t}px, 0)`}}var ar=250,or=1e3;function sr(t){let n=(0,e.ref)(!1),r=(0,e.ref)(!1),i=(0,e.ref)(0),a=(0,e.ref)(0),o=(0,e.ref)(!1),s=(0,e.ref)(!1),c=0,l=null;(0,e.onBeforeUnmount)(()=>{b()});function u(){let e=n.value;if(n.value=t.isAtBoundary(),!n.value){!o.value&&!s.value&&(r.value=!0);return}!e&&r.value&&h()}function d(e){if(!x(e)||!t.isAtBoundary())return;let n=Date.now();n<c||(c=n+ar,h())}function f(){if(!_())return;let e=t.requestPage.value;if(typeof e!=`function`)return;a.value=i.value,r.value=!1,o.value=!0,s.value=!0;let n;try{n=e()}catch{v();return}Promise.resolve(n).catch(()=>{}).finally(()=>{!t.loading.value&&s.value&&v()})}function p(e){!e&&s.value&&v()}function m(e){!s.value||e<=0||(s.value=!1,y(t.getAnimationLockMs(e)))}function h(){g()&&(i.value+=1)}function g(){return t.hasPage.value&&!t.interactionLocked?.value&&!t.loading.value&&!o.value&&typeof t.requestPage.value==`function`}function _(){return t.hasPage.value&&n.value&&i.value>a.value&&!t.interactionLocked?.value&&!t.loading.value&&!o.value&&typeof t.requestPage.value==`function`}function v(){s.value=!1,y(or)}function y(e){b(),o.value=!0,l=setTimeout(()=>{l=null,o.value=!1},Math.max(0,e))}function b(){l&&=(clearTimeout(l),null)}function x(e){return t.direction===`top`?e.deltaY<0:e.deltaY>0}return{maybeRequestPage:f,onItemsMutated:m,onLoadingChange:p,onWheel:d,syncBoundary:u}}var cr=600,Q=24,$=16,lr=300,ur=200,dr=200,fr=Q+$,pr=200,mr=300,hr=24,gr=48,_r=500,vr=1e3;function yr(t){let n=(0,e.ref)(null),r=(0,e.ref)(0),i=(0,e.ref)(typeof window>`u`?0:window.innerHeight||0),a=(0,e.ref)(typeof window>`u`?0:window.innerWidth||lr),o=(0,e.ref)([]),s=(0,e.ref)([]),c=(0,e.ref)(new Map),l=(0,e.ref)(0),u=(0,e.ref)(new Map),d=(0,e.ref)(null),f=(0,e.ref)(null),p=(0,e.ref)(!1),m=(0,e.computed)(()=>Math.max(lr,a.value-Q*2)),h=(0,e.computed)(()=>Fn(m.value,lr)),g=(0,e.computed)(()=>In(m.value,h.value,lr,$)),_=(0,e.computed)(()=>br(t.activeIndex.value,0,Math.max(0,t.items.value.length-1))),v=(0,e.computed)(()=>zn({itemCount:t.items.value.length,viewportHeight:i.value,scrollTop:r.value,overscanPx:ur,bucketPx:cr,buckets:c.value})),y=(0,e.computed)(()=>v.value.map(e=>({item:t.items.value[e],index:e}))),b=(0,e.computed)(()=>{let e=l.value+Q*2,t=d.value??0;return Math.max(e,t,i.value)+pr}),x=(0,e.computed)(()=>t.hasNextPage.value||t.allowExhaustedNextPageRefresh.value),S=(0,e.computed)(()=>Sr({active:t.active.value,maxScrollTop:ne(),progressDistancePx:r.value,thresholdPx:dr,triggerEnabled:x.value})),C=(0,e.computed)(()=>t.items.value.length>0?`${_.value+1} / ${t.items.value.length}`:`0 / 0`),w=(0,e.computed)(()=>xr({active:t.active.value,maxScrollTop:ne(),progressDistancePx:r.value,thresholdPx:fr,triggerEnabled:t.hasPreviousPage.value})),T=(0,e.computed)(()=>Math.max(0,i.value-hr*2)),E=(0,e.computed)(()=>b.value>i.value+1&&T.value>0),D=(0,e.computed)(()=>{if(!E.value)return 0;let e=i.value/b.value*T.value;return Math.min(T.value,Math.max(gr,e))}),O=(0,e.computed)(()=>{if(!E.value)return hr;let e=Math.max(0,b.value-i.value);return hr+Math.max(0,T.value-D.value)*(e>0?br(r.value/e,0,1):0)}),k=Qn({items:t.items,visibleIndices:v,positions:o,heights:s,indexById:u,columnWidth:g,scrollTop:r,viewportHeight:i}),A=sr({direction:`top`,getAnimationLockMs(e){return Math.max(_r,Yn(e))+vr},hasPage:t.hasPreviousPage,interactionLocked:p,isAtBoundary(){return r.value<=fr},loading:t.loading,requestPage:t.requestPreviousPage}),j=sr({direction:`bottom`,getAnimationLockMs(e){return Yn(e)+vr},hasPage:x,interactionLocked:p,isAtBoundary(){return te()<=dr},loading:t.loading,requestPage:t.requestNextPage}),N=null,P=0,F=null,I=null,L=!1;(0,e.watch)([()=>t.items.value,h,g],async([n],[i=[]])=>{let a=n.map(e=>M(e)),s=i??[],c=s.map(e=>M(e)),l=Bn(s,u.value,o.value),d=ae(s),f=new Set(c),p=new Set(a),m=n.filter(e=>!f.has(M(e))),h=s.flatMap(e=>{let t=M(e);if(p.has(t))return[];let n=l.get(t),r=d.get(t);return!n||r==null?[]:[{height:r,item:e,position:n}]}),g=a.length>c.length&&c.length>0&&a[0]!==c[0],v=n.length===0&&s.length>0&&h.length>0&&r.value>0,y=h.length>0&&r.value>Q+$,b=g&&r.value>Q+$?n[_.value]:null,x=b?M(b):null;y&&G(Xn()+vr),v&&W(),R(),h.length>0&&k.markLeave(h),m.length>0&&(k.markEnter(m,g?`top`:`bottom`),g?A.onItemsMutated(m.length):j.onItemsMutated(m.length)),k.playFlipMoveAnimation(l,new Set(m.map(e=>M(e))),g?_r:void 0),x?(await(0,e.nextTick)(),U(x,l)):t.active.value&&c.length>0&&q()},{immediate:!0}),(0,e.watch)([()=>t.pendingAppendItems.value.map(e=>M(e)),h,g,i],([e])=>{se(),e.length&&(d.value=ie([...t.items.value,...t.pendingAppendItems.value]),oe())},{immediate:!0}),(0,e.watch)(()=>t.active.value,async(t,a)=>{let o=n.value;if(!o)return;if(!t){f.value=o.scrollTop;return}if(a!==!1||f.value==null)return;await(0,e.nextTick)();let s=Math.max(0,b.value-i.value),c=br(f.value,0,s);o.scrollTop=c,r.value=c,A.syncBoundary(),j.syncBoundary()}),(0,e.watch)(()=>t.loading.value,async n=>{!n&&!t.pendingAppendItems.value.length&&!F&&!L&&(d.value=null),A.onLoadingChange(n),j.onLoadingChange(n),await(0,e.nextTick)()}),(0,e.onMounted)(async()=>{Y(),await(0,e.nextTick)(),_.value>0?H(_.value,`center`):K(),A.syncBoundary(),j.syncBoundary(),typeof ResizeObserver<`u`?(N=new ResizeObserver(()=>{Y()}),n.value&&N.observe(n.value)):window.addEventListener(`resize`,Y)}),(0,e.onBeforeUnmount)(()=>{N?.disconnect(),N=null,window.removeEventListener(`resize`,Y),se(),ce(),P&&=(cancelAnimationFrame(P),0)});function R(){let e=Rn(t.items.value,{columnCount:h.value,columnWidth:g.value,gapX:$,gapY:$,bucketPx:cr});o.value=e.positions.map(e=>({x:e.x+Q,y:e.y+Q})),s.value=e.heights,c.value=e.buckets,l.value=e.contentHeight,u.value=e.indexById}function z(){t.active.value&&(r.value=n.value?.scrollTop??0,i.value=X(),A.syncBoundary(),j.syncBoundary(),J(),!q()&&(P||=requestAnimationFrame(()=>{P=0,K()})))}function B(e){t.active.value&&(A.onWheel(e),j.onWheel(e),J())}function V(e){let n=t.items.value[e],r=n?M(n):``;return{height:`${s.value[e]??g.value}px`,width:`${g.value}px`,transition:r?k.getCardTransition(r):void 0,transitionDelay:r?k.getCardTransitionDelay(r):void 0,transform:k.getCardTransform(e)}}function H(e,t){let a=n.value,c=o.value[e],l=s.value[e];if(!a||!c||!l)return;let u=a.scrollTop,d=Math.max(0,b.value-i.value);t===`center`?u=c.y-(i.value-l)/2:c.y<a.scrollTop?u=c.y-Q:c.y+l>a.scrollTop+i.value&&(u=c.y+l-i.value+Q),a.scrollTop=br(u,0,d),r.value=a.scrollTop,K()}function U(e,t){let i=n.value,a=t.get(e),s=u.value.get(e),c=s==null?null:o.value[s];if(!i||!a||!c)return;let l=c.y-a.y;i.scrollTop+=l,r.value=i.scrollTop}function W(){let e=n.value;if(!e){r.value=0;return}e.scrollTop=0,r.value=0,A.syncBoundary(),j.syncBoundary()}function G(e){ce(),p.value=!0,I=setTimeout(()=>{I=null,p.value=!1},Math.max(0,e))}function K(){if(!v.value.length||q())return;let e=r.value+i.value/2,n=_.value,a=1/0;for(let t of v.value){let r=o.value[t],i=s.value[t];if(!r||!i)continue;let c=r.y+i/2,l=Math.abs(c-e);l<a&&(a=l,n=t)}t.setActiveIndex(n)}function q(){let e=r.value<=fr,n=te()<=dr;return e?(t.setActiveIndex(0),!0):n?(t.setActiveIndex(Math.max(0,t.items.value.length-1)),!0):!1}function J(){A.maybeRequestPage(),j.maybeRequestPage()}function Y(){i.value=X(),a.value=ee()}function X(){return tr(n.value,i.value)}function ee(){return nr(n.value,a.value,lr)}function te(){return rr(n.value,r.value,i.value,b.value)}function ne(){let e=Math.max(n.value?.scrollHeight??0,b.value);return Math.max(0,e-i.value)}function re(){return ir(D.value,O.value)}function ie(e){return e.length?Rn(e,{columnCount:h.value,columnWidth:g.value,gapX:$,gapY:$,bucketPx:cr}).contentHeight+Q*2:0}function ae(e){let t=new Map;for(let n of e){let e=M(n),r=u.value.get(e);if(r==null)continue;let i=s.value[r];i!=null&&t.set(e,i)}return t}function oe(){let n=t.commitPendingAppend.value;typeof n==`function`&&(F=setTimeout(async()=>{F=null,L=!0;try{if(!t.pendingAppendItems.value.length)return;await n(),await(0,e.nextTick)(),await(0,e.nextTick)()}finally{d.value=null,L=!1}},mr))}function se(){F&&=(clearTimeout(F),null)}function ce(){I&&(clearTimeout(I),I=null,p.value=!1)}return{columnWidth:g,containerHeight:b,getCardStyle:V,getLeavingCardStyle:k.getLeavingCardStyle,getScrollbarThumbStyle:re,leavingItems:k.leavingItems,nextBoundaryLoadProgress:S,onScroll:z,onWheel:B,paginationLabel:C,previousBoundaryLoadProgress:w,renderedItems:y,resolvedActiveIndex:_,scrollToIndex:H,showScrollbar:E,scrollViewportRef:n}}function br(e,t,n){return Math.min(Math.max(e,t),n)}function xr(e){if(!e.active||!e.triggerEnabled)return 0;let t=Math.max(0,e.maxScrollTop-e.thresholdPx);return t<=0?1:br(1-(e.progressDistancePx-e.thresholdPx)/t,0,1)}function Sr(e){if(!e.active||!e.triggerEnabled)return 0;let t=Math.max(0,e.maxScrollTop-e.thresholdPx);return t<=0?1:br(e.progressDistancePx/t,0,1)}function Cr(e){if(e)try{e.removeAttribute(`src`),e.src=``}catch{}}function wr(e){if(e){try{e.currentTime=0}catch{}e.pause();try{e.removeAttribute(`src`),e.load()}catch{}}}function Tr(e,t){if(t)return e.bottom>t.top&&e.top<t.bottom;let n=window.innerHeight||document.documentElement.clientHeight||0;return e.bottom>0&&e.top<n}function Er(e){if(!e)return null;try{return new URL(e,window.location.href).href}catch{return e}}var Dr=/\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i,Or=/\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i,kr=/^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;function Ar(e){let t=jr(e),n=t?.url,r=Pn(e),i=e.title?.trim()||Ye(e.type);return t?.mediaType===`video`&&typeof n==`string`?{kind:`video`,url:n,width:r.width,height:r.height,label:i}:t?.mediaType===`image`&&typeof n==`string`?{kind:`image`,url:n,width:r.width,height:r.height,label:i}:e.type!==`image`&&e.type!==`video`?{kind:`fallback`,url:null,width:r.width,height:r.height,label:i}:typeof n==`string`&&Nr(e,n)?{kind:`video`,url:n,width:r.width,height:r.height,label:i}:typeof n==`string`&&Mr(e,n)?{kind:`image`,url:n,width:r.width,height:r.height,label:i}:{kind:`fallback`,url:null,width:r.width,height:r.height,label:i}}function jr(e){return e.preview?.url?e.preview:typeof e.url!=`string`||e.url.trim()===``?null:{url:e.url}}function Mr(e,t){return e.type!==`image`||typeof t!=`string`?!1:Dr.test(t)||Pr(t)}function Nr(e,t){return e.type!==`video`||typeof t!=`string`?!1:Or.test(t)||Fr(t)}function Pr(e){return/^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e)}function Fr(e){return kr.test(e)||/^blob:/i.test(e)||/^data:video\//i.test(e)}function Ir(t){let n=(0,e.ref)(null),r=(0,e.computed)(()=>{let e=typeof t.item.value.healthCheck?.url==`string`?Er(t.item.value.healthCheck.url):null;return!e||e===t.attachedAssetUrl.value?null:e}),i=null,a=0,o=new Map;(0,e.watch)(r,(e,t)=>{e!==t&&(n.value=null,l(),a+=1)}),(0,e.watch)([r,t.surfaceActive,t.isInView,t.isReady,t.loadErrorKind],()=>{s()});function s(){let e=r.value;if(!e){l();return}if(!t.surfaceActive.value||!t.isInView.value||!t.isReady.value||t.loadErrorKind.value){l();return}if(o.has(e)){n.value=o.get(e)??null;return}if(i){i.refresh();return}i=Qe.request({assetType:`probe`,getPriority:t.getPriority,onGrant(){let e=r.value;if(!e){l();return}let i=++a;Et(e).then(s=>{if(!(i!==a||r.value!==e)){if(o.set(e,s??null),!s){n.value=null;return}n.value=s,t.reportAssetError?.({item:t.item.value,occurrenceKey:M(t.item.value),url:e,kind:s,surface:`grid`})}}).finally(()=>{i===a&&l()})},url:e})}function c(){let e=r.value;return!n.value||!e?!1:(o.delete(e),n.value=null,l(),s(),!0)}function l(){i?.release(),i=null}return{errorKind:n,release:l,retry:c}}var Lr=[`aria-label`],Rr={key:0,"data-testid":`vibe-list-card-spinner`,class:`pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18`},zr={class:`inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]`},Br=[`src`,`alt`],Vr=[`src`],Hr=[`data-kind`],Ur={class:`grid justify-items-center gap-3 px-4 text-center`},Wr={class:`text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72`},Gr={key:4,class:`grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.08),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]`},Kr={class:`inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20`},qr={class:`pointer-events-none absolute inset-0 z-[3]`},Jr=(0,e.defineComponent)({__name:`ListCard`,props:{active:{type:Boolean,default:!1},index:{default:0},item:{},reportAssetError:{type:[Function,null],default:null},reportAssetLoad:{type:[Function,null],default:null},surfaceActive:{type:Boolean,default:!0}},emits:[`open`],setup(t,{emit:n}){let r=t,i=n,a=(0,e.computed)(()=>Ar(r.item)),o=(0,e.ref)(!1),s=(0,e.ref)(!1),c=(0,e.ref)(!1),l=(0,e.ref)(a.value.kind===`fallback`),u=(0,e.ref)(!1),d=(0,e.ref)(null),f=(0,e.ref)(null),p=(0,e.ref)(null),m=(0,e.ref)(null),g=(0,e.ref)(null),_=(0,e.ref)(a.value.kind===`fallback`),y=(0,e.computed)(()=>_.value?r.surfaceActive?o.value?a.value.url:null:a.value.url:null),b=(0,e.computed)(()=>r.surfaceActive&&o.value&&(a.value.kind===`image`||a.value.kind===`video`)&&!!a.value.url),x=(0,e.computed)(()=>a.value.kind===`image`&&!!y.value),S=(0,e.computed)(()=>a.value.kind===`video`&&!!y.value),C=Ir({attachedAssetUrl:y,getPriority:G,isInView:o,isReady:l,item:(0,e.computed)(()=>r.item),loadErrorKind:d,reportAssetError:r.reportAssetError,surfaceActive:(0,e.computed)(()=>r.surfaceActive)}),w=(0,e.computed)(()=>C.errorKind.value??d.value),T=(0,e.computed)(()=>!!w.value),E=(0,e.computed)(()=>wt(w.value)),D=(0,e.computed)(()=>b.value&&!d.value&&(!_.value||!l.value)),O=null,k=null,A=new Set;(0,e.watch)([y,()=>a.value.kind],()=>{let e=a.value.kind===`fallback`;l.value=e,u.value=!1,d.value=null,e&&(_.value=!0)}),(0,e.watch)(b,()=>{I()}),(0,e.watch)([o,l,y],()=>{L()}),(0,e.watch)(()=>r.surfaceActive,e=>{if(!e){z(),L();return}requestAnimationFrame(()=>{B(),I(),L()})}),(0,e.onMounted)(()=>{if(!p.value||typeof IntersectionObserver>`u`){m.value=null,o.value=!0,I();return}m.value=p.value.closest(`[data-testid="vibe-list-scroll"]`),O=new IntersectionObserver(e=>{for(let t of e)t.target===p.value&&(r.surfaceActive&&B(t),I(),L())},{root:m.value,threshold:[0,1]}),O.observe(p.value)}),(0,e.onBeforeUnmount)(()=>{R(),C.release(),O?.disconnect(),O=null});function j(){K(f.value)&&(l.value=!0,d.value=null,V(y.value??r.item.url),z())}async function N(){if(!K(f.value))return;let e=y.value??r.item.url;l.value=!1,d.value=`generic`;let t=await Tt(e);d.value=t,r.reportAssetError?.({item:r.item,occurrenceKey:M(r.item),url:e,kind:t,surface:`grid`}),z()}function P(){K(g.value)&&(u.value=!0,l.value=!0,d.value=null,V(y.value??r.item.url),z(),L())}function F(){K(g.value)&&(u.value||(l.value=!1))}function I(){if(a.value.kind===`fallback`){R(!1);return}if(!r.surfaceActive){z();return}if(!b.value){R();return}if(_.value||k){k?.refresh();return}k=Qe.request({assetType:a.value.kind,getPriority:G,onGrant(){_.value=!0,l.value=!1,d.value=null},url:a.value.url??r.item.url})}function L(){let e=g.value;if(!(!e||a.value.kind!==`video`)){if(w.value){e.pause();return}if(y.value&&o.value&&l.value){e.muted=!0,e.loop=!0,e.playsInline=!0,kt(e);return}try{e.currentTime=0}catch{}e.pause()}}function R(e=!0){_.value=a.value.kind===`fallback`,d.value=null,l.value=a.value.kind===`fallback`,e&&(U(),W()),z()}function z(){k?.release(),k=null}function B(e){let t=p.value;if(!t){o.value=!0;return}o.value=Tr(e?.boundingClientRect??t.getBoundingClientRect(),e?.rootBounds??m.value?.getBoundingClientRect()??null)}function V(e){if(!e)return;let t=M(r.item),n=`${t}|${e}`;A.has(n)||(A.add(n),r.reportAssetLoad?.({item:r.item,occurrenceKey:t,surface:`grid`,url:e}))}function H(){if(!E.value||C.retry())return;let e=M(r.item);A.forEach(t=>{t.startsWith(`${e}|`)&&A.delete(t)}),d.value=null,l.value=!1,_.value=!1,z(),I()}function U(){Cr(f.value)}function W(){wr(g.value)}function G(){let e=p.value;if(!e)return 1/0;let t=e.getBoundingClientRect();if(m.value){let e=m.value.getBoundingClientRect(),n=e.top+e.height/2;return Math.abs((t.top+t.bottom)/2-n)}let n=window.innerHeight/2;return Math.abs((t.top+t.bottom)/2-n)}function K(e){let t=Er(y.value);return!e||!t?!1:Er(`currentSrc`in e&&e.currentSrc||e.getAttribute(`src`))===t}function q(){i(`open`)}function J(){s.value=!0}function Y(e){let t=e.relatedTarget;p.value&&t instanceof Node&&p.value.contains(t)||(s.value=!1)}return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`rootRef`,ref:p,"data-testid":`vibe-list-card-inner`,class:(0,e.normalizeClass)([`group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300`,r.active?`border-white/28`:`border-white/12 hover:border-white/24`]),onFocusin:J,onFocusout:Y,onPointerenter:n[0]||=e=>c.value=!0,onPointerleave:n[1]||=e=>c.value=!1},[(0,e.createElementVNode)(`button`,{type:`button`,"data-testid":`vibe-list-card-open`,class:`absolute inset-0 z-[1] block h-full w-full cursor-pointer text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]`,"aria-label":r.item.title||`Open item ${r.index+1}`,onClick:q},null,8,Lr),D.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Rr,[(0,e.createElementVNode)(`span`,zr,[(0,e.createVNode)((0,e.unref)(h),{class:`h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78`,"aria-hidden":`true`})])])):(0,e.createCommentVNode)(``,!0),x.value&&y.value&&!T.value?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:1,ref_key:`imageRef`,ref:f,src:y.value,alt:a.value.label,draggable:`false`,class:(0,e.normalizeClass)([`block h-full w-full object-cover transition-opacity duration-300`,l.value?`pointer-events-none opacity-100`:`pointer-events-none opacity-0`]),onLoad:j,onError:N},null,42,Br)):S.value&&y.value&&!T.value?((0,e.openBlock)(),(0,e.createElementBlock)(`video`,{key:2,ref_key:`videoRef`,ref:g,src:y.value,muted:``,loop:``,playsinline:``,preload:`metadata`,class:(0,e.normalizeClass)([`block h-full w-full object-cover transition-opacity duration-300`,l.value?`pointer-events-none opacity-100`:`pointer-events-none opacity-0`]),onCanplay:P,onError:N,onLoadstart:F,onPlaying:P,onStalled:F,onWaiting:F},null,42,Vr)):T.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:3,"data-testid":`vibe-list-card-error`,"data-kind":w.value,class:`pointer-events-none relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]`},[(0,e.createElementVNode)(`div`,Ur,[(0,e.createVNode)((0,e.unref)(v),{class:`h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78`,"aria-hidden":`true`}),(0,e.createElementVNode)(`span`,Wr,(0,e.toDisplayString)((0,e.unref)(Ct)(w.value)),1),E.value?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50`,onClick:(0,e.withModifiers)(H,[`stop`])},` Retry `)):(0,e.createCommentVNode)(``,!0)])],8,Hr)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Gr,[(0,e.createElementVNode)(`div`,Kr,[(0,e.renderSlot)(t.$slots,`item-icon`,{icon:(0,e.unref)(Je)(r.item.type),item:r.item},()=>[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(Je)(r.item.type)),{class:`h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78`,"aria-hidden":`true`}))])])])),(0,e.createElementVNode)(`div`,qr,[(0,e.renderSlot)(t.$slots,`grid-item-overlay`,{active:r.active,focused:s.value,hovered:c.value,index:r.index,item:r.item,openFullscreen:q})])],34))}}),Yr={class:`relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]`},Xr={class:`pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6`},Zr={"data-testid":`vibe-pagination`,class:`inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]`},Qr={class:`whitespace-nowrap`},$r={key:0,class:`whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3`},ei=[`data-active`,`data-index`,`data-item-id`,`data-occurrence-key`],ti=[`data-item-id`],ni={key:0,class:`pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block`},ri={key:1,class:`pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6`},ii={class:`mx-auto flex w-full justify-center`},ai=(0,e.defineComponent)({__name:`ListSurface`,props:{active:{type:Boolean,default:!0},activeIndex:{default:0},allowExhaustedNextPageRefresh:{type:Boolean,default:!1},commitPendingAppend:{type:[Function,null],default:null},emptyStateMode:{default:`inline`},errorMessage:{default:null},hasNextPage:{type:Boolean,default:!1},hasPreviousPage:{type:Boolean,default:!1},items:{},loading:{type:Boolean,default:!1},pendingAppendItems:{default:()=>[]},paginationDetail:{default:null},phase:{default:null},reportAssetError:{type:[Function,null],default:null},reportAssetLoad:{type:[Function,null],default:null},requestNextPage:{type:[Function,null],default:null},requestPreviousPage:{type:[Function,null],default:null},showStatusBadges:{type:Boolean,default:!0}},emits:[`boundary-load-progress`,`open-fullscreen`,`update:activeIndex`],setup(t,{emit:n}){let r=t,i=(0,e.useSlots)(),a=n,o=yr({active:(0,e.toRef)(r,`active`),allowExhaustedNextPageRefresh:(0,e.toRef)(r,`allowExhaustedNextPageRefresh`),items:(0,e.toRef)(r,`items`),activeIndex:(0,e.toRef)(r,`activeIndex`),loading:(0,e.toRef)(r,`loading`),hasNextPage:(0,e.toRef)(r,`hasNextPage`),hasPreviousPage:(0,e.toRef)(r,`hasPreviousPage`),paginationDetail:(0,e.toRef)(r,`paginationDetail`),pendingAppendItems:(0,e.toRef)(r,`pendingAppendItems`),commitPendingAppend:(0,e.toRef)(r,`commitPendingAppend`),requestNextPage:(0,e.toRef)(r,`requestNextPage`),requestPreviousPage:(0,e.toRef)(r,`requestPreviousPage`),setActiveIndex(e){a(`update:activeIndex`,e)}}),s=(0,e.computed)(()=>mt({itemCount:r.items.length,loading:r.loading,phase:r.phase})),c=(0,e.computed)(()=>ht({errorMessage:r.errorMessage,hasItems:r.items.length>0,hasNextPage:r.hasNextPage,phase:s.value,surface:`grid`})),l=(0,e.computed)(()=>!r.showStatusBadges||!c.value?null:{activeIndex:o.resolvedActiveIndex.value,kind:c.value.kind,loading:r.loading,message:c.value.message,paginationDetail:r.paginationDetail,total:r.items.length}),u=(0,e.computed)(()=>!l.value||!i[`grid-status`]?[]:i[`grid-status`](l.value)),d=(0,e.computed)(()=>lt(u.value)),f=(0,e.computed)(()=>r.items.length+o.leavingItems.value.length),{emptyStateProps:p,showBadgeEmptyState:m,showCustomEmptyState:h,showInlineEmptyState:g}=ft({emptyStateMode:(0,e.toRef)(r,`emptyStateMode`),itemCount:f,loading:(0,e.toRef)(r,`loading`),renderSlot:i[`empty-state`],surface:`grid`});return(0,e.watch)([o.nextBoundaryLoadProgress,o.previousBoundaryLoadProgress],([e,t])=>{a(`boundary-load-progress`,{nextBoundaryLoadProgress:e,previousBoundaryLoadProgress:t})},{immediate:!0}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Yr,[(0,e.createElementVNode)(`div`,Xr,[(0,e.createElementVNode)(`span`,Zr,[(0,e.createElementVNode)(`span`,Qr,(0,e.toDisplayString)((0,e.unref)(o).paginationLabel.value),1),r.paginationDetail?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,$r,(0,e.toDisplayString)(r.paginationDetail),1)):(0,e.createCommentVNode)(``,!0)])]),(0,e.createElementVNode)(`div`,{ref:(0,e.unref)(o).scrollViewportRef,"data-testid":`vibe-list-scroll`,class:`h-full min-h-0 overflow-y-auto overflow-x-hidden [overflow-anchor:none] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden`,onScroll:n[0]||=(...t)=>(0,e.unref)(o).onScroll&&(0,e.unref)(o).onScroll(...t),onWheel:n[1]||=(...t)=>(0,e.unref)(o).onWheel&&(0,e.unref)(o).onWheel(...t)},[(0,e.createElementVNode)(`div`,{"data-testid":`vibe-list-content`,class:`relative`,style:(0,e.normalizeStyle)({height:`${(0,e.unref)(o).containerHeight.value}px`})},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(o).renderedItems.value,({item:n,index:s})=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{key:(0,e.unref)(M)(n),"data-testid":`vibe-list-card`,"data-active":s===(0,e.unref)(o).resolvedActiveIndex.value?`true`:`false`,"data-index":s,"data-item-id":n.id,"data-occurrence-key":(0,e.unref)(M)(n),class:`absolute will-change-transform`,style:(0,e.normalizeStyle)((0,e.unref)(o).getCardStyle(s))},[(0,e.createVNode)(Jr,{active:s===(0,e.unref)(o).resolvedActiveIndex.value,index:s,item:n,"report-asset-error":r.reportAssetError,"report-asset-load":r.reportAssetLoad,"surface-active":r.active,onOpen:e=>a(`open-fullscreen`,s)},(0,e.createSlots)({_:2},[i[`grid-item-overlay`]?{name:`grid-item-overlay`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`grid-item-overlay`,(0,e.mergeProps)({ref_for:!0},n))]),key:`0`}:void 0,i[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.mergeProps)({ref_for:!0},n))]),key:`1`}:void 0]),1032,[`active`,`index`,`item`,`report-asset-error`,`report-asset-load`,`surface-active`,`onOpen`])],12,ei))),128)),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(o).leavingItems.value,n=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{key:`leaving-${(0,e.unref)(M)(n.item)}`,"data-testid":`vibe-list-card-leaving`,"data-item-id":n.item.id,class:`pointer-events-none absolute z-[2] will-change-[opacity,transform]`,style:(0,e.normalizeStyle)((0,e.unref)(o).getLeavingCardStyle(n.item))},[(0,e.createVNode)(Jr,{active:!1,index:-1,item:n.item,"report-asset-error":r.reportAssetError,"report-asset-load":r.reportAssetLoad,"surface-active":!1},(0,e.createSlots)({_:2},[i[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.mergeProps)({ref_for:!0},n))]),key:`0`}:void 0]),1032,[`item`,`report-asset-error`,`report-asset-load`])],12,ti))),128)),(0,e.unref)(g)&&(0,e.unref)(p)?((0,e.openBlock)(),(0,e.createBlock)(Jt,{key:0,message:(0,e.unref)(p).message,mode:(0,e.unref)(p).mode,surface:(0,e.unref)(p).surface},{default:(0,e.withCtx)(()=>[(0,e.unref)(h)?(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(p)))):(0,e.createCommentVNode)(``,!0)]),_:3},8,[`message`,`mode`,`surface`])):(0,e.createCommentVNode)(``,!0)],4)],544),(0,e.unref)(o).showScrollbar.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,ni,[n[2]||=(0,e.createElementVNode)(`div`,{class:`absolute bottom-6 right-3 top-6 w-px bg-white/8`},null,-1),(0,e.createElementVNode)(`div`,{"data-testid":`vibe-list-scrollbar-thumb`,class:(0,e.normalizeClass)([`absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out`,r.loading?`bg-white/52`:`bg-white/34`]),style:(0,e.normalizeStyle)((0,e.unref)(o).getScrollbarThumbStyle())},null,6)])):(0,e.createCommentVNode)(``,!0),i[`grid-footer`]?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,ri,[(0,e.createElementVNode)(`div`,ii,[(0,e.renderSlot)(t.$slots,`grid-footer`)])])):(0,e.createCommentVNode)(``,!0),l.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:2,class:(0,e.normalizeClass)([`pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6`,i[`grid-footer`]?`pb-24`:`pb-6`])},[d.value?(0,e.renderSlot)(t.$slots,`grid-status`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},l.value))):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:1,"data-testid":`vibe-grid-status-badge`,class:(0,e.normalizeClass)([`inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]`,l.value.kind===`end`?`border-amber-300/35 text-amber-200`:l.value.kind===`failed`?`border-rose-400/45 text-rose-100`:``])},(0,e.toDisplayString)(l.value.message),3))],2)):(0,e.createCommentVNode)(``,!0),(0,e.unref)(m)&&(0,e.unref)(p)?((0,e.openBlock)(),(0,e.createBlock)(Jt,{key:3,class:(0,e.normalizeClass)([`z-[3]`,i[`grid-footer`]?`pb-24`:`pb-6`]),message:(0,e.unref)(p).message,mode:(0,e.unref)(p).mode,surface:(0,e.unref)(p).surface},{default:(0,e.withCtx)(()=>[(0,e.unref)(h)?(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(p)))):(0,e.createCommentVNode)(``,!0)]),_:3},8,[`class`,`message`,`mode`,`surface`])):(0,e.createCommentVNode)(``,!0)]))}}),oi=[`data-surface-mode`],si={key:1,class:`absolute left-5 top-5 z-30 border border-amber-400/45 bg-black/35 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-amber-100 backdrop-blur`},ci=[`data-visible`,`inert`],li=[`data-visible`,`inert`],ui={key:3,class:`relative z-[1] grid h-full w-full content-center justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center`},di=(0,e.defineComponent)({name:`VibeLayout`,__name:`Layout`,props:{emptyStateMode:{},fillDelayMs:{},fillDelayStepMs:{},initialCursor:{},initialState:{},loopFullscreenVideo:{type:Boolean},pageSize:{},paginationDetail:{},resolve:{type:Function},showDominantImageTone:{type:Boolean},showEndBadge:{type:Boolean},showStatusBadges:{type:Boolean},surfaceMode:{}},emits:[`asset-errors`,`asset-loads`,`update:activeIndex`,`update:surfaceMode`],setup(t,{expose:n,emit:r}){let i=t,a=(0,e.useSlots)(),o=r,s=ye(i,o),c=S(e=>{o(`asset-errors`,e)}),l=C(e=>{o(`asset-loads`,e)});return(0,e.onBeforeUnmount)(()=>{c.stop(),l.stop()}),n({cancel:s.cancel,clearRemoved:s.clearRemoved,getItemByOccurrenceKey:s.getItemByOccurrenceKey,getItems:s.getItems,getRemovedIds:s.getRemovedIds,lockPageLoading:s.lockPageLoading,loadNext:s.loadNext,loadPrevious:s.loadPrevious,remove:s.remove,restore:s.restore,retry:s.retry,status:s.status,undo:s.undo,unlockPageLoading:s.unlockPageLoading}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{"data-testid":`vibe`,"data-surface-mode":(0,e.unref)(s).surfaceMode.value,class:`relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]`},[(0,e.unref)(s).canRetryInitialLoad.value?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28`,onClick:n[0]||=(...t)=>(0,e.unref)(s).retryInitialLoad&&(0,e.unref)(s).retryInitialLoad(...t)},` Retry `)):(0,e.unref)(s).errorMessage.value&&(0,e.unref)(s).items.value.length>0?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,si,(0,e.toDisplayString)((0,e.unref)(s).errorMessage.value),1)):(0,e.createCommentVNode)(``,!0),(0,e.unref)(s).isDesktop.value?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createVNode)(e.Transition,{appear:``,"enter-active-class":`transition-[opacity,transform] duration-300 ease-out`,"enter-from-class":`translate-y-3 opacity-0`,"enter-to-class":`translate-y-0 opacity-100`,"leave-active-class":`transition-[opacity,transform] duration-300 ease-out`,"leave-from-class":`translate-y-0 opacity-100`,"leave-to-class":`translate-y-3 opacity-0`},{default:(0,e.withCtx)(()=>[(0,e.withDirectives)((0,e.createElementVNode)(`div`,{"data-testid":`vibe-list-surface`,"data-visible":(0,e.unref)(s).surfaceMode.value===`list`?`true`:`false`,inert:(0,e.unref)(s).surfaceMode.value!==`list`,class:`absolute inset-0 z-[2]`},[(0,e.createVNode)(ai,{active:(0,e.unref)(s).surfaceMode.value===`list`,"allow-exhausted-next-page-refresh":(0,e.unref)(s).canRefreshExhaustedNextPage.value,items:(0,e.unref)(s).items.value,"active-index":(0,e.unref)(s).activeIndex.value,"error-message":(0,e.unref)(s).errorMessage.value,loading:(0,e.unref)(s).loading.value,"has-next-page":(0,e.unref)(s).hasNextPage.value,"has-previous-page":(0,e.unref)(s).hasPreviousPage.value,"pending-append-items":(0,e.unref)(s).pendingAppendItems.value,phase:(0,e.unref)(s).phase.value,"commit-pending-append":(0,e.unref)(s).commitPendingAppend,"pagination-detail":(0,e.unref)(s).paginationDetail.value,"report-asset-error":(0,e.unref)(c).report,"report-asset-load":(0,e.unref)(l).report,"request-next-page":(0,e.unref)(s).prefetchNextPage,"request-previous-page":(0,e.unref)(s).prefetchPreviousPage,"empty-state-mode":i.emptyStateMode,"show-status-badges":i.showStatusBadges??!0,onBoundaryLoadProgress:(0,e.unref)(s).setBoundaryLoadProgress,onOpenFullscreen:(0,e.unref)(s).openFullscreen,"onUpdate:activeIndex":(0,e.unref)(s).setActiveIndex},(0,e.createSlots)({_:2},[a[`empty-state`]?{name:`empty-state`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`0`}:void 0,a[`grid-footer`]?{name:`grid-footer`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,`grid-footer`)]),key:`1`}:void 0,a[`grid-item-overlay`]?{name:`grid-item-overlay`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`grid-item-overlay`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`2`}:void 0,a[`grid-status`]?{name:`grid-status`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`grid-status`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`3`}:void 0,a[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`4`}:void 0]),1032,[`active`,`allow-exhausted-next-page-refresh`,`items`,`active-index`,`error-message`,`loading`,`has-next-page`,`has-previous-page`,`pending-append-items`,`phase`,`commit-pending-append`,`pagination-detail`,`report-asset-error`,`report-asset-load`,`request-next-page`,`request-previous-page`,`empty-state-mode`,`show-status-badges`,`onBoundaryLoadProgress`,`onOpenFullscreen`,`onUpdate:activeIndex`])],8,ci),[[e.vShow,(0,e.unref)(s).surfaceMode.value===`list`]])]),_:3}),(0,e.createVNode)(e.Transition,{appear:``,"enter-active-class":`transition-[opacity,transform] duration-300 ease-out`,"enter-from-class":`-translate-y-3 opacity-0`,"enter-to-class":`translate-y-0 opacity-100`,"leave-active-class":`transition-[opacity,transform] duration-300 ease-out`,"leave-from-class":`translate-y-0 opacity-100`,"leave-to-class":`-translate-y-3 opacity-0`},{default:(0,e.withCtx)(()=>[(0,e.withDirectives)((0,e.createElementVNode)(`div`,{"data-testid":`vibe-fullscreen-surface`,"data-visible":(0,e.unref)(s).surfaceMode.value===`fullscreen`?`true`:`false`,inert:(0,e.unref)(s).surfaceMode.value!==`fullscreen`,class:`absolute inset-0 z-[3]`},[(0,e.createVNode)(jn,{items:(0,e.unref)(s).items.value,active:(0,e.unref)(s).surfaceMode.value===`fullscreen`,"active-index":(0,e.unref)(s).activeIndex.value,"error-message":(0,e.unref)(s).errorMessage.value,loading:(0,e.unref)(s).loading.value,"has-next-page":(0,e.unref)(s).hasNextPage.value,"pagination-detail":(0,e.unref)(s).paginationDetail.value,phase:(0,e.unref)(s).phase.value,"report-asset-error":(0,e.unref)(c).report,"report-asset-load":(0,e.unref)(l).report,"empty-state-mode":i.emptyStateMode,"loop-fullscreen-video":i.loopFullscreenVideo??!0,"show-dominant-image-tone":i.showDominantImageTone??!0,"show-end-badge":i.showEndBadge??!0,"show-status-badges":i.showStatusBadges??!0,"show-back-to-list":(0,e.unref)(s).showBackToList.value,onBackToList:(0,e.unref)(s).returnToList,"onUpdate:activeIndex":(0,e.unref)(s).setActiveIndex},(0,e.createSlots)({_:2},[a[`empty-state`]?{name:`empty-state`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`0`}:void 0,a[`fullscreen-overlay`]?{name:`fullscreen-overlay`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-overlay`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`1`}:void 0,a[`fullscreen-aside`]?{name:`fullscreen-aside`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-aside`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`2`}:void 0,a[`fullscreen-header-actions`]?{name:`fullscreen-header-actions`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-header-actions`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`3`}:void 0,a[`fullscreen-status`]?{name:`fullscreen-status`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-status`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`4`}:void 0,a[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`5`}:void 0]),1032,[`items`,`active`,`active-index`,`error-message`,`loading`,`has-next-page`,`pagination-detail`,`phase`,`report-asset-error`,`report-asset-load`,`empty-state-mode`,`loop-fullscreen-video`,`show-dominant-image-tone`,`show-end-badge`,`show-status-badges`,`show-back-to-list`,`onBackToList`,`onUpdate:activeIndex`])],8,li),[[e.vShow,(0,e.unref)(s).surfaceMode.value===`fullscreen`]])]),_:3})],64)):(0,e.unref)(s).items.value.length===0&&(0,e.unref)(s).loading.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,ui,[(0,e.createVNode)((0,e.unref)(h),{class:`size-10 animate-spin text-[#f7f1ea]/82`,"aria-hidden":`true`}),n[1]||=(0,e.createElementVNode)(`p`,{class:`m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72`},` Loading... `,-1)])):((0,e.openBlock)(),(0,e.createBlock)(jn,{key:4,items:(0,e.unref)(s).items.value,active:!0,"active-index":(0,e.unref)(s).activeIndex.value,"error-message":(0,e.unref)(s).errorMessage.value,loading:(0,e.unref)(s).loading.value,"has-next-page":(0,e.unref)(s).hasNextPage.value,"pagination-detail":(0,e.unref)(s).paginationDetail.value,phase:(0,e.unref)(s).phase.value,"report-asset-error":(0,e.unref)(c).report,"report-asset-load":(0,e.unref)(l).report,"empty-state-mode":i.emptyStateMode,"loop-fullscreen-video":i.loopFullscreenVideo??!0,"show-dominant-image-tone":i.showDominantImageTone??!0,"show-end-badge":i.showEndBadge??!0,"show-status-badges":i.showStatusBadges??!0,"show-back-to-list":!1,onBackToList:(0,e.unref)(s).returnToList,"onUpdate:activeIndex":(0,e.unref)(s).setActiveIndex},(0,e.createSlots)({_:2},[a[`empty-state`]?{name:`empty-state`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`0`}:void 0,a[`fullscreen-overlay`]?{name:`fullscreen-overlay`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-overlay`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`1`}:void 0,a[`fullscreen-aside`]?{name:`fullscreen-aside`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-aside`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`2`}:void 0,a[`fullscreen-header-actions`]?{name:`fullscreen-header-actions`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-header-actions`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`3`}:void 0,a[`fullscreen-status`]?{name:`fullscreen-status`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-status`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`4`}:void 0,a[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`5`}:void 0]),1032,[`items`,`active-index`,`error-message`,`loading`,`has-next-page`,`pagination-detail`,`phase`,`report-asset-error`,`report-asset-load`,`empty-state-mode`,`loop-fullscreen-video`,`show-dominant-image-tone`,`show-end-badge`,`show-status-badges`,`onBackToList`,`onUpdate:activeIndex`]))],8,oi))}}),fi={install(e){e.component(`VibeLayout`,di)}};exports.VibeLayout=di,exports.VibePlugin=fi,exports.default=fi;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require(`vue`);var t=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},n=e=>e===``,r=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),i=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),a=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),o=e=>{let t=a(e);return t.charAt(0).toUpperCase()+t.slice(1)},s={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`},c=({name:a,iconNode:c,absoluteStrokeWidth:l,"absolute-stroke-width":u,strokeWidth:d,"stroke-width":f,size:p=s.width,color:m=s.stroke,...h},{slots:g})=>(0,e.h)(`svg`,{...s,...h,width:p,height:p,stroke:m,"stroke-width":n(l)||n(u)||l===!0||u===!0?Number(d||f||s[`stroke-width`])*24/Number(p):d||f||s[`stroke-width`],class:r(`lucide`,h.class,...a?[`lucide-${i(o(a))}-icon`,`lucide-${i(a)}`]:[`lucide-icon`]),...!g.default&&!t(h)&&{"aria-hidden":`true`}},[...c.map(t=>(0,e.h)(...t)),...g.default?[g.default()]:[]]),l=(t,n)=>(r,{slots:i,attrs:a})=>(0,e.h)(c,{...a,...r,iconNode:n,name:t},i),u=l(`arrow-left`,[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]]),d=l(`audio-lines`,[[`path`,{d:`M2 10v3`,key:`1fnikh`}],[`path`,{d:`M6 6v11`,key:`11sgs0`}],[`path`,{d:`M10 3v18`,key:`yhl04a`}],[`path`,{d:`M14 8v7`,key:`3a1oy3`}],[`path`,{d:`M18 5v13`,key:`123xd1`}],[`path`,{d:`M22 10v3`,key:`154ddg`}]]),f=l(`clapperboard`,[[`path`,{d:`m12.296 3.464 3.02 3.956`,key:`qash78`}],[`path`,{d:`M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z`,key:`1h7j8b`}],[`path`,{d:`M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`,key:`4lm6w1`}],[`path`,{d:`m6.18 5.276 3.1 3.899`,key:`zjj9t3`}]]),p=l(`file`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}]]),m=l(`image-plus`,[[`path`,{d:`M16 5h6`,key:`1vod17`}],[`path`,{d:`M19 2v6`,key:`4bpg5p`}],[`path`,{d:`M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5`,key:`1ue2ih`}],[`path`,{d:`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,key:`1xmnt7`}],[`circle`,{cx:`9`,cy:`9`,r:`2`,key:`af1f0g`}]]),h=l(`loader-circle`,[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]]),g=l(`pause`,[[`rect`,{x:`14`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`kaeet6`}],[`rect`,{x:`5`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`1wsw3u`}]]),_=l(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),v=l(`triangle-alert`,[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`,key:`wmoenq`}],[`path`,{d:`M12 9v4`,key:`juzpu7`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),y=l(`volume-1`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}]]),b=l(`volume-2`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}],[`path`,{d:`M19.364 18.364a9 9 0 0 0 0-12.728`,key:`ijwkga`}]]),x=l(`volume-x`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`line`,{x1:`22`,x2:`16`,y1:`9`,y2:`15`,key:`1ewh16`}],[`line`,{x1:`16`,x2:`22`,y1:`9`,y2:`15`,key:`5ykzw1`}]]);function S(e,t=150){return w(e,e=>`${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`,t)}function C(e,t=150){return w(e,e=>`${e.surface}|${e.occurrenceKey}|${e.url}`,t)}function w(e,t,n){let r=[],i=new Set,a=null;function o(e){let o=t(e);i.has(o)||(i.add(o),r.push(e),!a&&(a=setTimeout(()=>{s()},n)))}function s(){if(a&&=(clearTimeout(a),null),!r.length)return;let t=r.slice();r.length=0,i.clear(),e(t)}function c(){a&&=(clearTimeout(a),null),r.length=0,i.clear()}return{flush:s,report:o,stop:c}}function T(e){return e instanceof HTMLElement&&[`INPUT`,`TEXTAREA`,`SELECT`].includes(e.tagName)}function E(e){return e instanceof HTMLElement&&!!e.closest(`[data-swipe-lock], input, textarea, select, a`)}function D(e){return e===`filling`||e===`initializing`||e===`loading`||e===`refreshing`}function O(e){return!e||!Number.isFinite(e)||e<1?25:Math.floor(e)}function k(e){return e??`__vibe_initial_cursor__`}function A(e,t,n){return Math.min(Math.max(e,t),n)}var j=`__vibeOccurrenceKey`;function M(e){let t=e[j];return typeof t==`string`&&t.length>0?t:e.id}function N(e,t,n){let r=new Map,i=[],a=n;for(let e of t){let t=r.get(e.id),n=M(e);t?t.push(n):r.set(e.id,[n])}for(let t of e){let e=r.get(t.id)?.shift()??`vibe-occurrence-${a+=1}`;i.push(P(t,e))}return{items:i,nextSequence:a}}function P(e,t){return M(e)===t?e:{...e,[j]:t}}function F(){let t=(0,e.ref)(new Set),n=(0,e.ref)([]);function r(e){let r=I(e).filter(e=>!t.value.has(e));if(!r.length)return{ids:[]};let i=new Set(t.value);for(let e of r)i.add(e);return t.value=i,n.value=[...n.value,r],{ids:r}}function i(e){let n=I(e).filter(e=>t.value.has(e));if(!n.length)return{ids:[]};let r=new Set(t.value);for(let e of n)r.delete(e);return t.value=r,{ids:n}}function a(){if(!n.value.length)return null;let e=[...n.value],r=e.pop()??[];n.value=e;let i=r.filter(e=>t.value.has(e));if(!i.length)return{ids:[]};let a=new Set(t.value);for(let e of i)a.delete(e);return t.value=a,{ids:i}}function o(){!t.value.size&&!n.value.length||(t.value=new Set,n.value=[])}function s(){return Array.from(t.value)}return{clearRemoved:o,getRemovedIds:s,remove:r,removedIds:t,restore:i,undo:a}}function I(e){let t=Array.isArray(e)?e:[e];return Array.from(new Set(t.filter(e=>typeof e==`string`&&e.length>0)))}function L(e){return e.flatMap(e=>e.items)}function R(e,t){return t.size?e.filter(e=>!t.has(e.id)):e}function z(e,t){return R(e.items,t)}function B(e,t){return z(e,t).length}function V(e,t,n){if(n<0)return null;let r=0;for(let i of e){let e=z(i,t),a=r+e.length;if(n<a)return i.cursor;r=a}return null}function H(e,t,n){let r=[...e],i=r.findIndex(e=>e.cursor===t);return i>=0&&r.splice(i,1,n),r}function U(e,t,n){let r=N(e,t,n);return{items:r.items,nextSequence:r.nextSequence}}function W(e,t,n){let r=new Map,i=e.map(e=>({item:e,matchIndex:null,occurrenceKey:null})),a=new Map,o=[],s=n;for(let[e,n]of t.entries()){let t=r.get(n.id),i={index:e,occurrenceKey:M(n)};t?t.push(i):r.set(n.id,[i])}for(let e of i){let t=r.get(e.item.id)?.shift();t&&(e.matchIndex=t.index,e.occurrenceKey=t.occurrenceKey)}for(let e of i){if(e.matchIndex!==null&&e.occurrenceKey){a.set(e.matchIndex,G(e.item,e.occurrenceKey));continue}let t=G(e.item,`vibe-occurrence-${s+=1}`);o.push(t)}let c=t.map((e,t)=>a.get(t)??e);return{insertedCount:o.length,items:[...c,...o],nextSequence:s}}function G(e,t){return M(e)===t?e:{...e,__vibeOccurrenceKey:t}}function K(e){return e instanceof DOMException&&e.name===`AbortError`||e instanceof Error&&(e.name===`AbortError`||e.name===`CanceledError`)?!0:typeof e==`object`&&!!e&&`code`in e&&e.code===`ERR_CANCELED`}function q(e){let t=U(e.nextItems,e.previousItems,e.sequence);return{bucket:{cursor:e.cursor,items:t.items,nextCursor:e.nextCursor,nextCursorExhausted:e.nextCursorExhausted??!1,previousCursor:e.previousCursor},nextSequence:t.nextSequence}}function J(e){let t=W(e.nextItems,e.previousItems,e.sequence);return{bucket:{cursor:e.cursor,items:t.items,nextCursor:e.nextCursor,nextCursorExhausted:e.nextCursorExhausted??!1,previousCursor:e.previousCursor},insertedCount:t.insertedCount,nextSequence:t.nextSequence}}function Y(e,t,n,r){if(!e.length)return r?null:{buckets:[],canceled:r,visibleCount:0};let i=t===`backward`?[...e].reverse():e;return{buckets:i,canceled:r,visibleCount:i.reduce((e,t)=>e+B(t,n),0)}}function X(e){let t=q({cursor:e.initialState.cursor,nextCursor:e.initialState.nextCursor??null,nextCursorExhausted:!1,nextItems:e.initialState.items,previousCursor:e.initialState.previousCursor??null,previousItems:[],sequence:e.sequence}),n=R(t.bucket.items,e.removedIds);return{activeIndex:A(e.initialState.activeIndex??0,0,Math.max(0,n.length-1)),buckets:[t.bucket],nextSequence:t.nextSequence}}function ee(e,t){let n=e[A(t,0,Math.max(0,e.length-1))];return n?M(n):null}function te(e,t,n=null){if(!e.length)return 0;let r=n?e.findIndex(e=>M(e)===n):-1;return r>=0?r:A(t,0,e.length-1)}function ne(e,t,n){return e?B(e,t)<n:!1}function re(e,t){return e.find(e=>B(e,t)>0)??e[0]??null}function ie(e,t){for(let n=e.length-1;n>=0;--n){let r=e[n];if(B(r,t)>0)return r}return e[e.length-1]??null}function ae(e){return!e?.nextCursor||!e.nextCursorExhausted?null:e.nextCursor}function oe(e,t,n,r){return t===void 0||n===null?e:e.map(e=>e.cursor!==t||e.nextCursor!==n?e:{...e,nextCursorExhausted:r})}function se(e,t,n){return n||e!==`forward`||t===null?{cursor:n,exhausted:!1}:{cursor:t,exhausted:!0}}function ce(e,t){if(t)return{cursor:t,exhausted:!1};let n=e.nextCursor??e.cursor;return{cursor:n,exhausted:!!n}}function le(e,t){let n=e.findIndex(e=>B(e,t)>0);if(n<0)return e;let r=n;for(let i=e.length-1;i>=n;--i)if(B(e[i],t)>0){r=i;break}return e.slice(n,r+1)}var ue=2e3,de=1e3,fe=100;function pe(e,t=ue,n=de){return t+Math.max(0,e-1)*n}function me(e,t){return!Number.isFinite(e)||e==null||e<0?t:Math.floor(e)}function he(){let t=(0,e.ref)(null),n=null,r=null,i=null;function a(e=!1){if(n&&=(clearInterval(n),null),r&&=(clearTimeout(r),null),t.value=null,e&&i){let e=i;i=null,e()}}async function o(e){a(!0),!(e<=0)&&(t.value=e,await new Promise(o=>{let s=Date.now(),c=!1,l=()=>{c||(c=!0,i=null,a(),o())};i=l;let u=()=>{let n=Math.max(0,e-(Date.now()-s));t.value=n,n<=0&&l()};n=setInterval(u,fe),r=setTimeout(l,e),u()}))}return{clear:a,remainingMs:t,wait:o}}function ge(t){let n=!!t.initialState?.items.length,r=(0,e.ref)([]),i=(0,e.ref)(0),a=(0,e.ref)([]),o=(0,e.ref)(!1),s=(0,e.ref)(null),c=(0,e.ref)(!n&&typeof t.resolve==`function`?`initializing`:`idle`),l=(0,e.ref)(null),u=(0,e.ref)(null),d=he(),f=d.remainingMs,p=(0,e.ref)(null),m=(0,e.ref)(!1),h=(0,e.ref)(!0),g=(0,e.ref)(!1),_=new Set,v=null,y=null,b=0,x=0,S=(0,e.computed)(()=>me(t.fillDelayMs,ue)),C=(0,e.computed)(()=>me(t.fillDelayStepMs,de)),w=(0,e.computed)(()=>typeof t.resolve==`function`),T=(0,e.computed)(()=>O(t.pageSize)),E=(0,e.computed)(()=>L(r.value)),j=(0,e.computed)(()=>R(E.value,t.removedIds.value)),N=(0,e.computed)(()=>i.value),P=(0,e.computed)(()=>D(c.value)||m.value),F=(0,e.computed)(()=>re(r.value,t.removedIds.value)),I=(0,e.computed)(()=>ie(r.value,t.removedIds.value)),z=(0,e.computed)(()=>I.value?.nextCursor??null),U=(0,e.computed)(()=>o.value?null:F.value?.previousCursor??null),W=(0,e.computed)(()=>!!z.value&&I.value?.nextCursorExhausted!==!0),G=(0,e.computed)(()=>!!U.value),fe=(0,e.computed)(()=>w.value&&r.value.length>0),ge=(0,e.computed)(()=>R(L(a.value),t.removedIds.value)),_e=(0,e.computed)(()=>V(r.value,t.removedIds.value,N.value)),ve=(0,e.computed)(()=>!j.value.length&&!P.value&&!!s.value);(0,e.watch)(()=>j.value.length,e=>{if(e===0){i.value=0;return}o.value&&=(He(),!1),i.value>e-1&&(i.value=e-1)}),(0,e.watch)(()=>i.value,()=>{h.value&&Ne()}),(0,e.watch)(()=>z.value,e=>{e&&!j.value.length&&c.value===`idle`&&Ne()}),(0,e.onMounted)(()=>{ze()||t.resolve&&ye()}),(0,e.onBeforeUnmount)(()=>{v?.abort(),v=null,d.clear(!0)});async function ye(){y=ye;let e=await Le({continueUntilFilled:!0,cursor:t.initialCursor??null,direction:`forward`,phase:`initializing`});e&&(r.value=e.buckets,i.value=0,Z())}async function be(){if(g.value||P.value)return;let e=!j.value.length,t=I.value,n={commitImmediately:e,originCursor:t?.cursor??null},r=ae(t);if(Ve(`trailing`)){if(!fe.value)return;let e=await Ie(`trailing`);e?.followCursor&&(e.itemsInserted===0||Ve(`trailing`))&&await Pe(e.followCursor,n);return}if(r){if(t?.cursor===r){let e=await Ie(`trailing`);e?.followCursor&&e.itemsInserted===0&&await Pe(e.followCursor,n);return}await Pe(r,n);return}if(!W.value){let e=fe.value?await Ie(`trailing`):null;e?.followCursor&&e.itemsInserted===0&&await Pe(e.followCursor,n);return}await Pe(z.value,n)}async function xe(){if(!(g.value||!G.value||P.value)){if(Ve(`leading`)){let e=await Ie(`leading`);e?.itemsInserted===0&&e.followCursor&&await Fe(e.followCursor);return}await Fe(U.value)}}async function Se(){if(ve.value){if(r.value=[],i.value=0,a.value=[],o.value=!1,s.value=null,c.value=w.value?`initializing`:`idle`,l.value=null,u.value=null,p.value=null,m.value=!1,_.clear(),v?.abort(),v=null,d.clear(!0),ze()){Z();return}await ye()}}async function Ce(){if(ve.value)return Se();g.value||c.value!==`failed`||!y||(s.value=null,await y())}async function we(){if(!a.value.length)return m.value=!1,Z();r.value=[...r.value,...a.value],a.value=[],m.value=!1,Z()}function Te(e){let n=j.value;if(!n.length)return;let r=A(e,0,n.length-1);r!==i.value&&(i.value=r,t.emit(`update:activeIndex`,r))}function Ee(e){h.value=e}function De(){g.value=!0,d.clear(!0)}function Oe(){g.value=!1}function ke(){b+=1,v?.abort(),v=null,d.clear(!0),_.clear(),s.value=null,l.value=null,u.value=null,p.value=null,a.value.length>0&&(r.value=[...r.value,...a.value],a.value=[]),m.value=!1,o.value=!1,Z()}function Ae(){return ee(j.value,N.value)}function je(e=null,t={}){if(j.value.length===0){i.value=0,!t.preserveTrailingPlaceholder&&r.value.length>0&&(o.value=!0);return}if(e){let t=j.value.findIndex(t=>M(t)===e);if(t>=0){i.value=t;return}}if(t.preserveTrailingPlaceholder&&i.value>=j.value.length){i.value=j.value.length;return}i.value=te(j.value,N.value,e)}function Me(){a.value.length>0&&(!ge.value.length||!j.value.length)&&we()}async function Ne(){if(!(!h.value||Be())){if(!j.value.length){(W.value||fe.value)&&await be();return}G.value&&i.value<3&&await xe(),W.value&&i.value>=j.value.length-3&&await be()}}async function Pe(e,t={}){y=async()=>{await Pe(e,t)};let n=await Le({continueUntilFilled:!0,cursor:e,direction:`forward`,phase:`loading`});if(n){if(!n.visibleCount)return r.value=oe(r.value,t.originCursor,e,!0),a.value=[],m.value=!1,Z();if(n.canceled)return r.value=[...r.value,...n.buckets],a.value=[],m.value=!1,Z();if(a.value=n.buckets,t.commitImmediately||!ge.value.length)return r.value=[...r.value,...a.value],a.value=[],m.value=!1,Z();m.value=!0}}async function Fe(e){y=async()=>{await Fe(e)};let t=await Le({continueUntilFilled:!0,cursor:e,direction:`backward`,phase:`loading`});if(!t)return;let n=Ae();r.value=[...t.buckets,...r.value],je(n),Z()}async function Ie(e){if(y=async()=>{await Ie(e)},!t.resolve)return null;let n=e===`leading`?F.value:I.value;if(!n)return null;let i=k(n.cursor);if(_.has(i))return null;_.add(i),s.value=null,c.value=`refreshing`,l.value=null,u.value=null,p.value=null;let a=++b,o=typeof AbortController>`u`?null:new AbortController;v=o;try{let i=await t.resolve({cursor:n.cursor,pageSize:T.value,signal:o?.signal});if(a!==b)return Z(),null;let s=ce(n,i.nextPage),c=J({cursor:n.cursor,nextCursor:s.cursor,nextCursorExhausted:s.exhausted,nextItems:i.items,previousCursor:i.previousPage??null,previousItems:n.items,sequence:x});x=c.nextSequence;let l=Ae();return r.value=H(r.value,n.cursor,c.bucket),je(l),Z(),{followCursor:e===`leading`?i.previousPage??null:i.nextPage,itemsInserted:c.insertedCount}}catch(e){return K(e)||a!==b?(Z(),null):(s.value=e instanceof Error?e.message:`The viewer could not load items.`,c.value=`failed`,l.value=null,u.value=null,p.value=null,null)}finally{v===o&&(v=null),_.delete(i)}}async function Le(e){if(!t.resolve)return null;let n=++b,r=new Set,i=[],a=e.cursor,o=0;for(s.value=null,c.value=e.phase,l.value=null,u.value=null,p.value=null;;){if(n!==b)return Y(i,e.direction,t.removedIds.value,!0);if(i.length>0&&g.value)return Y(i,e.direction,t.removedIds.value,!1);let f=k(a);if(r.has(f)||_.has(f))break;r.add(f),_.add(f);let m=typeof AbortController>`u`?null:new AbortController;v=m;try{let r=await t.resolve({cursor:a,pageSize:T.value,signal:m?.signal});if(n!==b)return Y(i,e.direction,t.removedIds.value,!0);let s=se(e.direction,a,r.nextPage),f=Re({cursor:a,nextCursor:s.cursor,nextCursorExhausted:s.exhausted,nextItems:r.items,previousCursor:r.previousPage??null,previousItems:[]});i.push(f);let h=i.reduce((e,n)=>e+B(n,t.removedIds.value),0),_=e.direction===`forward`?f.nextCursorExhausted?null:f.nextCursor:f.previousCursor;if(!e.continueUntilFilled||h>=T.value||!_)return u.value=null,{canceled:!1,buckets:e.direction===`backward`?[...i].reverse():i,visibleCount:h};if(g.value)return Y(i,e.direction,t.removedIds.value,!1);c.value=`filling`,l.value=h,u.value=_,p.value=T.value,o+=1;let v=pe(o,S.value,C.value);if(await d.wait(v),n!==b)return Y(i,e.direction,t.removedIds.value,!0);a=_}catch(r){return K(r)||n!==b?Y(i,e.direction,t.removedIds.value,!0):(s.value=r instanceof Error?r.message:`The viewer could not load items.`,c.value=`failed`,l.value=null,u.value=null,p.value=null,null)}finally{v===m&&(v=null),_.delete(f)}}return Y(i,e.direction,t.removedIds.value,!1)}function Re(e){let t=q({cursor:e.cursor,nextCursor:e.nextCursor,nextCursorExhausted:e.nextCursorExhausted??!1,nextItems:e.nextItems,previousCursor:e.previousCursor,previousItems:e.previousItems,sequence:x});return x=t.nextSequence,t.bucket}function Z(){c.value=`idle`,l.value=null,u.value=null,p.value=null,d.clear()}function ze(){if(!t.initialState||!t.initialState.items.length)return!1;let e=X({initialState:t.initialState,removedIds:t.removedIds.value,sequence:x});return r.value=e.buckets,i.value=e.activeIndex,x=e.nextSequence,o.value=!1,s.value=null,a.value=[],m.value=!1,!0}function Be(){return c.value===`initializing`}function Ve(e){return ne(e===`leading`?F.value:I.value,t.removedIds.value,T.value)}function He(){r.value=le(r.value,t.removedIds.value)}return{activeIndex:N,canRetryInitialLoad:ve,cancel:ke,canRefreshTrailingBoundary:fe,commitPendingAppend:we,currentCursor:_e,errorMessage:s,fillCollectedCount:l,fillCursor:u,fillDelayRemainingMs:f,fillTargetCount:p,hasNextPage:W,hasPreviousPage:G,isAutoPrefetchEnabled:h,isPageLoadingLocked:g,items:j,lockPageLoading:De,loading:P,maybePrefetchAround:Ne,nextCursor:z,pendingAppendItems:ge,phase:c,prefetchNextPage:be,prefetchPreviousPage:xe,previousCursor:U,retryInitialLoad:Se,retry:Ce,setActiveIndex:Te,setAutoPrefetchEnabled:Ee,syncActiveIndexAfterVisibilityChange:je,unlockPageLoading:Oe,getActiveOccurrenceKey:Ae,maybeCommitPendingAppendWhenFilteredOut:Me}}function _e(t,n){let{clearRemoved:r,getRemovedIds:i,remove:a,removedIds:o,restore:s,undo:c}=F(),l=ge({emit:n,fillDelayMs:t.fillDelayMs,fillDelayStepMs:t.fillDelayStepMs,initialCursor:t.initialCursor,initialState:t.initialState,pageSize:t.pageSize,removedIds:o,resolve:t.resolve}),u=l.items,d=l.activeIndex,f=l.loading,p=l.hasNextPage,m=l.hasPreviousPage,h=(0,e.computed)(()=>o.value.size),g=(0,e.computed)(()=>t.paginationDetail??null),_=(0,e.computed)(()=>!l.hasNextPage.value&&l.canRefreshTrailingBoundary.value);function v(e){let t=u.value;t.length&&l.setActiveIndex(T(e,0,t.length-1))}function y(e){let t=l.getActiveOccurrenceKey(),n=u.value[d.value]??null,r=Array.isArray(e)?e:[e],i=!!(n&&r.includes(n.id)&&l.isAutoPrefetchEnabled.value&&d.value>=u.value.length-3),o=!!(n&&r.includes(n.id)&&l.hasNextPage.value&&d.value===u.value.length-1),s=a(e);return s.ids.length?(l.maybeCommitPendingAppendWhenFilteredOut(),l.syncActiveIndexAfterVisibilityChange(t,{preserveTrailingPlaceholder:o}),(i||!u.value.length)&&l.maybePrefetchAround(),s):s}function b(e){let t=l.getActiveOccurrenceKey(),n=s(e);return n.ids.length&&l.syncActiveIndexAfterVisibilityChange(t),n}function x(){let e=l.getActiveOccurrenceKey(),t=c();return t?.ids.length&&l.syncActiveIndexAfterVisibilityChange(e),t}function S(){let e=l.getActiveOccurrenceKey();r(),l.syncActiveIndexAfterVisibilityChange(e)}function C(){return[...u.value]}function w(e){return u.value.find(t=>M(t)===e)??null}function T(e,t,n){return Math.min(Math.max(e,t),n)}function E(){l.cancel()}async function D(){await l.prefetchNextPage()}async function O(){await l.prefetchPreviousPage()}async function k(){await l.retry()}return{activeIndex:d,canRefreshExhaustedNextPage:_,canRetryInitialLoad:l.canRetryInitialLoad,cancel:E,clearRemoved:S,commitPendingAppend:l.commitPendingAppend,currentCursor:l.currentCursor,errorMessage:l.errorMessage,fillCollectedCount:l.fillCollectedCount,fillCursor:l.fillCursor,fillDelayRemainingMs:l.fillDelayRemainingMs,fillTargetCount:l.fillTargetCount,getItemByOccurrenceKey:w,getItems:C,getRemovedIds:i,hasNextPage:p,hasPreviousPage:m,isPageLoadingLocked:l.isPageLoadingLocked,items:u,lockPageLoading:l.lockPageLoading,loading:f,loadNext:D,loadPrevious:O,nextCursor:l.nextCursor,paginationDetail:g,pendingAppendItems:l.pendingAppendItems,phase:l.phase,prefetchNextPage:l.prefetchNextPage,prefetchPreviousPage:l.prefetchPreviousPage,previousCursor:l.previousCursor,removedCount:h,remove:y,restore:b,retry:k,retryInitialLoad:l.retryInitialLoad,setActiveIndex:v,setAutoPrefetchEnabled:l.setAutoPrefetchEnabled,undo:x,unlockPageLoading:l.unlockPageLoading}}var ve=1024;function ye(t,n){let r=_e(t,n),i=(0,e.reactive)({nextBoundaryLoadProgress:0,previousBoundaryLoadProgress:0}),a=(0,e.ref)(0),o=(0,e.ref)(`list`),s=(0,e.reactive)({activeIndex:0,currentCursor:null,errorMessage:null,fillCollectedCount:null,fillCursor:null,fillDelayRemainingMs:null,fillTargetCount:null,hasNextPage:!1,hasPreviousPage:!1,itemCount:0,loadState:`loaded`,nextBoundaryLoadProgress:0,nextCursor:null,pageLoadingLocked:!1,phase:`idle`,previousBoundaryLoadProgress:0,previousCursor:null,removedCount:0,removedIds:[],surfaceMode:`list`}),c=(0,e.computed)(()=>a.value>=ve),l=(0,e.computed)(()=>c.value?o.value:`fullscreen`),u=(0,e.computed)(()=>c.value&&l.value===`fullscreen`);(0,e.watch)(c,e=>{e&&h()}),(0,e.watch)(()=>t.surfaceMode,()=>{h()}),(0,e.watch)([l,()=>r.pendingAppendItems.value.length],([e,t])=>{e===`list`||t<=0||r.commitPendingAppend()}),(0,e.watch)([()=>r.items.value.length,()=>r.loading.value,()=>r.hasNextPage.value,()=>r.pendingAppendItems.value.length],([e,t,r,i])=>{!c.value||e>0||o.value===`list`||t||r||i>0||(o.value=`list`,n(`update:surfaceMode`,`list`))}),(0,e.watch)(l,e=>{r.setAutoPrefetchEnabled(e===`fullscreen`)},{immediate:!0}),(0,e.watchEffect)(()=>{s.activeIndex=r.activeIndex.value,s.currentCursor=r.currentCursor.value,s.errorMessage=r.errorMessage.value,s.fillCollectedCount=r.fillCollectedCount.value,s.fillCursor=r.fillCursor.value,s.fillDelayRemainingMs=r.fillDelayRemainingMs.value,s.fillTargetCount=r.fillTargetCount.value,s.hasNextPage=r.hasNextPage.value,s.hasPreviousPage=r.hasPreviousPage.value,s.itemCount=r.items.value.length,s.loadState=r.loading.value?`loading`:r.errorMessage.value?`failed`:`loaded`,s.nextBoundaryLoadProgress=i.nextBoundaryLoadProgress,s.nextCursor=r.nextCursor.value,s.pageLoadingLocked=r.isPageLoadingLocked.value,s.phase=r.phase.value,s.previousBoundaryLoadProgress=i.previousBoundaryLoadProgress,s.previousCursor=r.previousCursor.value,s.removedCount=r.removedCount.value,s.removedIds=r.getRemovedIds(),s.surfaceMode=l.value}),(0,e.onMounted)(()=>{m(),h(),window.addEventListener(`keydown`,p),window.addEventListener(`resize`,m)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`keydown`,p),window.removeEventListener(`resize`,m)});function d(e){r.setActiveIndex(e),c.value&&o.value!==`fullscreen`&&(o.value=`fullscreen`,n(`update:surfaceMode`,`fullscreen`))}function f(){!c.value||o.value===`list`||(o.value=`list`,n(`update:surfaceMode`,`list`))}function p(e){e.defaultPrevented||e.key!==`Escape`||!c.value||l.value!==`fullscreen`||T(e.target)||(e.preventDefault(),f())}function m(){a.value=window.innerWidth||0}function h(){!c.value||!t.surfaceMode||t.surfaceMode===o.value||(o.value=t.surfaceMode)}function g(e){i.nextBoundaryLoadProgress=be(e.nextBoundaryLoadProgress),i.previousBoundaryLoadProgress=be(e.previousBoundaryLoadProgress)}return{...r,cancel:r.cancel,isDesktop:c,lockPageLoading:r.lockPageLoading,loadNext:r.loadNext,loadPrevious:r.loadPrevious,openFullscreen:d,returnToList:f,retry:r.retry,setBoundaryLoadProgress:g,showBackToList:u,status:(0,e.readonly)(s),surfaceMode:l,unlockPageLoading:r.unlockPageLoading}}function be(e){return Math.min(Math.max(e,0),1)}var xe={"data-testid":`vibe-media-bar`,class:`absolute inset-x-0 bottom-0 z-[5] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.42)_24%,rgba(0,0,0,0.78))] px-[clamp(1rem,2.6vw,2.25rem)] pt-4 pb-[1.15rem]`},Se={class:`grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]`},Ce={class:`text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74`},we={class:`relative h-4 w-full`},Te=[`max`,`value`,`disabled`],Ee={class:`text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74`},De=[`data-layout`],Oe={key:0,"data-testid":`vibe-media-volume-popover`,class:`absolute bottom-[calc(100%+0.8rem)] right-0 grid justify-items-center gap-3 border border-white/12 bg-black/82 px-3 py-4 shadow-[0_20px_50px_-20px_rgba(0,0,0,0.85)] backdrop-blur-[18px]`},ke={class:`relative flex h-28 w-4 items-center justify-center`},Ae=[`value`],je={class:`flex items-center gap-3`},Me=[`aria-label`],Ne={key:0,class:`relative h-4 w-24`},Pe=[`value`],Fe=(0,e.defineComponent)({__name:`FullscreenMediaBar`,props:{currentTime:{},currentTimeLabel:{},duration:{},durationLabel:{},muted:{type:Boolean},progress:{},volume:{},volumeControlLayout:{}},emits:[`seek-input`,`volume-input`,`volume-toggle`],setup(t,{emit:n}){let r=t,i=n,a=(0,e.ref)(null),o=(0,e.ref)(!1),s=(0,e.computed)(()=>r.volumeControlLayout===`vertical`),c=(0,e.computed)(()=>g(r.volume,0,1)),l=(0,e.computed)(()=>Math.round(c.value*100)),u=(0,e.computed)(()=>r.muted||c.value<=0?x:c.value<.5?y:b),d=(0,e.computed)(()=>r.muted||c.value<=0?`Unmute active media`:`Mute active media`),f=(0,e.computed)(()=>s.value&&!o.value?`Show volume controls`:d.value),p=(0,e.computed)(()=>r.volumeControlLayout===`vertical`?{height:`${l.value}%`}:{width:`${l.value}%`});(0,e.watch)(s,e=>{e||(o.value=!1)}),(0,e.onMounted)(()=>{document.addEventListener(`pointerdown`,m)}),(0,e.onBeforeUnmount)(()=>{document.removeEventListener(`pointerdown`,m)});function m(e){!s.value||!o.value||a.value&&e.target instanceof Node&&!a.value.contains(e.target)&&(o.value=!1)}function h(){if(!s.value){i(`volume-toggle`);return}if(!o.value){o.value=!0;return}i(`volume-toggle`)}function g(e,t,n){return Math.min(Math.max(e,t),n)}return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,xe,[(0,e.createElementVNode)(`div`,Se,[(0,e.createElementVNode)(`span`,Ce,(0,e.toDisplayString)(r.currentTimeLabel),1),(0,e.createElementVNode)(`div`,we,[n[3]||=(0,e.createElementVNode)(`div`,{class:`absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12`},null,-1),(0,e.createElementVNode)(`div`,{class:`absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]`,style:(0,e.normalizeStyle)({width:`${r.progress}%`})},null,4),(0,e.createElementVNode)(`input`,{"data-swipe-lock":`true`,type:`range`,"aria-label":`Seek active media`,min:`0`,step:`0.1`,max:r.duration||1,value:r.currentTime,disabled:r.duration<=0,class:`vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent disabled:cursor-default disabled:opacity-50`,onInput:n[0]||=e=>i(`seek-input`,e)},null,40,Te)]),(0,e.createElementVNode)(`span`,Ee,(0,e.toDisplayString)(r.durationLabel),1),(0,e.createElementVNode)(`div`,{ref_key:`rootRef`,ref:a,"data-testid":`vibe-media-volume`,"data-layout":r.volumeControlLayout,class:`relative flex items-center justify-end`},[s.value&&o.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Oe,[(0,e.createElementVNode)(`div`,ke,[n[4]||=(0,e.createElementVNode)(`div`,{class:`absolute bottom-0 left-1/2 h-full w-px -translate-x-1/2 bg-white/12`},null,-1),(0,e.createElementVNode)(`div`,{class:`absolute bottom-0 left-1/2 w-px -translate-x-1/2 bg-[#f7f1ea]`,style:(0,e.normalizeStyle)(p.value)},null,4),(0,e.createElementVNode)(`input`,{"data-testid":`vibe-media-volume-slider`,"data-swipe-lock":`true`,type:`range`,"aria-label":`Adjust active media volume`,min:`0`,max:`1`,step:`0.05`,value:c.value,class:`vibe-media-slider absolute left-1/2 top-1/2 h-4 w-28 -translate-x-1/2 -translate-y-1/2 -rotate-90 bg-transparent`,onInput:n[1]||=e=>i(`volume-input`,e)},null,40,Ae)])])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,je,[(0,e.createElementVNode)(`button`,{type:`button`,"data-testid":`vibe-media-volume-button`,"aria-label":f.value,class:`inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/65`,onClick:h},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(u.value),{class:`h-4 w-4 stroke-[1.9]`,"aria-hidden":`true`}))],8,Me),r.volumeControlLayout===`horizontal`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Ne,[n[5]||=(0,e.createElementVNode)(`div`,{class:`absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12`},null,-1),(0,e.createElementVNode)(`div`,{class:`absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]`,style:(0,e.normalizeStyle)(p.value)},null,4),(0,e.createElementVNode)(`input`,{"data-testid":`vibe-media-volume-slider`,"data-swipe-lock":`true`,type:`range`,"aria-label":`Adjust active media volume`,min:`0`,max:`1`,step:`0.05`,value:c.value,class:`vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent`,onInput:n[2]||=e=>i(`volume-input`,e)},null,40,Pe)])):(0,e.createCommentVNode)(``,!0)])],8,De)])]))}}),Ie={class:`pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]`},Le={class:`grid gap-4`},Re={class:`flex min-h-11 items-center justify-between gap-4`},Z={class:`min-w-0 flex flex-1 items-center gap-3`},ze={key:1,"data-testid":`vibe-title`,class:`m-0 truncate text-left text-[0.82rem] leading-none tracking-[-0.04em] min-[721px]:text-[1.2rem]`},Be={class:`pointer-events-auto flex shrink-0 items-center gap-2`},Ve={"data-testid":`vibe-pagination`,class:`inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]`},He={class:`whitespace-nowrap`},Ue={key:1,class:`whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3`},We={key:0,class:`grid gap-2 max-[720px]:justify-items-start`},Ge=(0,e.defineComponent)({__name:`FullscreenHeader`,props:{currentIndex:{},loading:{type:Boolean},paginationDetail:{},showBackToList:{type:Boolean},showEndBadge:{type:Boolean},title:{},total:{}},emits:[`back-to-list`],setup(t,{emit:n}){let r=t,i=n;return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Ie,[(0,e.createElementVNode)(`div`,Le,[(0,e.createElementVNode)(`div`,Re,[(0,e.createElementVNode)(`div`,Z,[r.showBackToList?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,"data-testid":`vibe-back-to-list`,class:`pointer-events-auto inline-flex h-11 w-11 shrink-0 items-center justify-center border border-white/14 bg-black/40 text-[#f7f1ea]/78 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/55`,"aria-label":`Back to list`,onClick:n[0]||=e=>i(`back-to-list`)},[(0,e.createVNode)((0,e.unref)(u),{class:`h-4 w-4 stroke-[2.2]`,"aria-hidden":`true`})])):(0,e.createCommentVNode)(``,!0),r.title?((0,e.openBlock)(),(0,e.createElementBlock)(`h2`,ze,(0,e.toDisplayString)(r.title),1)):(0,e.createCommentVNode)(``,!0)]),(0,e.createElementVNode)(`div`,Be,[(0,e.createElementVNode)(`span`,Ve,[r.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(h),{key:0,"data-testid":`vibe-pagination-spinner`,class:`h-3.5 w-3.5 animate-spin stroke-[1.9]`,"aria-hidden":`true`})):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`span`,He,(0,e.toDisplayString)(r.currentIndex+1)+` / `+(0,e.toDisplayString)(r.total),1),r.paginationDetail?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,Ue,(0,e.toDisplayString)(r.paginationDetail),1)):(0,e.createCommentVNode)(``,!0)]),(0,e.renderSlot)(t.$slots,`actions`)])])]),r.showEndBadge?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,We,[...n[1]||=[(0,e.createElementVNode)(`span`,{class:`inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]`},` End reached `,-1)]])):(0,e.createCommentVNode)(``,!0)]))}}),Ke={image:m,video:f,audio:d,other:p},qe={image:`Image`,video:`Video`,audio:`Audio`,other:`File`};function Je(e){return Ke[e]}function Ye(e){return qe[e]}var Xe={maxGlobal:10,maxPerDomain:4,maxVideoPerDomain:2};function Ze(e=Xe){let t=new Map,n=new Map,r=0;function i(e){let i={...e,domain:et(e.url),enqueuedAt:r,id:`vibe-asset-load-${r+=1}`};return n.set(i.id,i),a(),{cancel(){(n.delete(i.id)||t.delete(i.id))&&a()},refresh(){a()},release(){(t.delete(i.id)||n.delete(i.id))&&a()}}}function a(){if(n.size===0)return;let r=[...n.values()].sort((e,t)=>{let n=$e(e)-$e(t);return n===0?e.enqueuedAt-t.enqueuedAt:n});for(let i of r){if(t.size>=e.maxGlobal)return;if(o(i)){n.delete(i.id),t.set(i.id,i);try{i.onGrant()}catch{t.delete(i.id)}}}}function o(n){let r=[...t.values()].filter(e=>e.domain===n.domain);return!(r.length>=e.maxPerDomain||n.assetType===`video`&&r.filter(e=>e.assetType===`video`).length>=e.maxVideoPerDomain)}return{request:i}}var Qe=Ze();function $e(e){try{let t=e.getPriority();return Number.isFinite(t)?t:1/0}catch{return 1/0}}function et(e){try{return new URL(e).hostname||`local`}catch{return`local`}}var tt=[0,1,2,3],nt={0:0,1:1,2:2,3:3};function rt(t){let n=(0,e.ref)({}),r=Ze({maxGlobal:3,maxPerDomain:3,maxVideoPerDomain:3}),i=new Map,a=new Map,o=new Map,s=new Set;(0,e.watch)([t.active,t.items,t.resolvedActiveIndex],()=>{m()},{immediate:!0}),(0,e.getCurrentScope)()&&(0,e.onScopeDispose)(()=>{p()});function c(e){let t=l(e);return t===`loading`||t===`ready`}function l(e){if(!t.active.value)return`idle`;let r=_(e);return r?n.value[r.key]?t.isAssetReady(r.key,r.item)?`ready`:`loading`:i.has(r.key)?`queued`:`idle`:`idle`}function u(e,t){if(t instanceof HTMLImageElement){a.set(e,t),at(t)&&f(e);return}a.delete(e)}function d(e,t){if(t instanceof HTMLMediaElement){o.set(e,t),ot(t)&&f(e);return}o.delete(e)}function f(e){let t=i.get(e);t&&(t.lease.release(),i.delete(e))}function p(){for(let e of i.values())e.lease.cancel();i.clear(),n.value={},v()}function m(){if(!t.active.value){p();return}let e=h(),s=new Map(e.map(e=>[e.key,e])),c=new Set(s.keys());for(let e of Object.keys(n.value))c.has(e)||y(e,!1);for(let[e,t]of i.entries()){let n=s.get(e);if(!n){t.lease.cancel(),i.delete(e);continue}t.index=n.index,t.item=n.item}for(let s of e){if(t.isAssetReady(s.key,s.item)){y(s.key,!0),f(s.key);continue}if(n.value[s.key]||i.has(s.key))continue;let e;e={...s,lease:r.request({assetType:s.item.type===`image`?`image`:`video`,getPriority:()=>g(e.index),onGrant:()=>{y(s.key,!0),(t.isAssetReady(s.key,s.item)||it(s.key,a,o))&&f(s.key)},url:s.item.url})},i.set(s.key,e)}for(let e of i.values())e.lease.refresh();v()}function h(){let e=t.resolvedActiveIndex.value;return tt.map(t=>_(e+t)).filter(e=>!!e)}function g(e){return t.active.value?nt[e-t.resolvedActiveIndex.value]??1/0:1/0}function _(e){let n=t.items.value[e];return!n||!st(n)?null:{index:e,item:n,key:t.getItemKey(n)}}function v(){let e=new Set(Object.keys(n.value));for(let n of s)e.has(n)||(b(n),t.onResetAssetState(n));s=e}function y(e,t){if(t){if(n.value[e])return;n.value={...n.value,[e]:!0};return}if(!n.value[e])return;let r={...n.value};delete r[e],n.value=r}function b(e){let t=a.get(e);if(t)try{t.removeAttribute(`src`),t.src=``}catch{}let n=o.get(e);if(n){try{n.currentTime=0}catch{}n.pause();try{n.removeAttribute(`src`),n.load()}catch{}}}return{clearPreloads:p,getSlidePreloadState:l,registerImageElement:u,registerMediaElement:d,settleAssetPreload:f,shouldAttachSlideAsset:c}}function it(e,t,n){let r=t.get(e);if(r)return at(r);let i=n.get(e);return i?ot(i):!1}function at(e){return e.complete&&!!(e.currentSrc||e.getAttribute(`src`))}function ot(e){let t=typeof HTMLMediaElement>`u`?1:HTMLMediaElement.HAVE_METADATA;return e.readyState>=t}function st(e){return e.type===`image`||e.type===`video`||e.type===`audio`}function ct(e){let t=rt({active:e.active,getItemKey:r,isAssetReady:m,items:e.items,onResetAssetState:e.viewer.resetAssetState,resolvedActiveIndex:e.resolvedActiveIndex});function n(e,t){let n=t.title?.trim();return n?`${e} ${n}`:`${e} ${Ye(t.type).toLowerCase()}`}function r(e){return M(e)}function i(e){return t.shouldAttachSlideAsset(e)}function a(e,t){return h(e,t)&&i(e)}function o(e){return t.getSlidePreloadState(e)}function s(t,n){let i=r(n),a=o(t);return a===`idle`||t!==e.resolvedActiveIndex.value||e.viewer.getAssetErrorKind(i)?!1:a!==`ready`}function c(t){return e.viewer.getAssetErrorKind(r(t))}function l(t){return e.viewer.getAssetErrorLabel(r(t))??`Load error`}function u(t,n){return o(t)!==`idle`&&t===e.resolvedActiveIndex.value&&!!c(n)}function d(t,n){return i(t)?e.viewer.getImageSource(n):void 0}function f(e){return i(e)?`metadata`:`none`}function p(e,t){return i(e)?t.url:void 0}function m(t,n){return n.type===`image`?e.viewer.isImageReady(t):n.type===`video`||n.type===`audio`?e.viewer.isMediaReady(t):!1}function h(t,n){let i=e.items.value[t];return!!i&&r(i)===r(n)}return{getAssetErrorKind:c,getAssetErrorLabel:l,getFullscreenImageSource:d,getFullscreenMediaPreload:f,getFullscreenMediaSource:p,getItemKey:r,getMediaActionLabel:n,getSlidePreloadState:o,isAssetErrored:u,isAssetLoading:s,registerImageElement:t.registerImageElement,registerMediaElement:t.registerMediaElement,settleAssetPreload:t.settleAssetPreload,shouldHandleSlideAssetEvent:a,shouldPreloadSlideAsset:i}}function lt(t){if(!Array.isArray(t))return!1;for(let n of t){if(Array.isArray(n)){if(lt(n))return!0;continue}if(!(0,e.isVNode)(n)){if(typeof n==`string`){if(n.trim().length>0)return!0;continue}if(n!=null&&n!==!1)return!0;continue}if(!ut(n))return!0}return!1}function ut(t){return t.type===e.Comment?!0:t.type===e.Text?typeof t.children==`string`?t.children.trim().length===0:!0:t.type===e.Fragment?!lt(t.children):!1}var dt=`no items available`;function ft(t){let n=(0,e.computed)(()=>t.loading.value||t.itemCount.value>0||t.emptyStateMode.value===`hidden`?null:{loading:!!t.loading.value,message:dt,mode:t.emptyStateMode.value===`badge`?`badge`:`inline`,surface:t.surface,total:t.itemCount.value}),r=(0,e.computed)(()=>!n.value||!t.renderSlot?[]:t.renderSlot(n.value));return{emptyStateProps:n,showBadgeEmptyState:(0,e.computed)(()=>n.value?.mode===`badge`),showCustomEmptyState:(0,e.computed)(()=>lt(r.value)),showInlineEmptyState:(0,e.computed)(()=>n.value?.mode===`inline`)}}function pt(e){if(!Number.isFinite(e)||e<=0)return`0:00`;let t=Math.floor(e),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}:${String(r).padStart(2,`0`)}:${String(i).padStart(2,`0`)}`:`${r}:${String(i).padStart(2,`0`)}`}function mt(e){return e.phase?e.phase:e.loading?e.itemCount>0?`loading`:`initializing`:`idle`}function ht(e){return e.phase===`failed`?{kind:`failed`,message:e.errorMessage??(e.hasItems?`The viewer could not load more items.`:`The viewer could not load items.`)}:e.phase===`initializing`?{kind:`initializing`,message:`Loading the first page`}:e.phase===`loading`?{kind:`loading-more`,message:e.hasItems?`Loading more items`:`Loading the first page`}:e.phase===`filling`?{kind:`filling`,message:`Filling the view`}:e.phase===`refreshing`?{kind:`refreshing`,message:!e.hasNextPage&&e.hasItems?e.surface===`grid`?`Refreshing the end of the list`:`Refreshing the end of the feed`:`Refreshing visible items`}:!e.hasItems||e.hasNextPage?null:{kind:`end`,message:e.surface===`grid`?`End of list`:`End of feed`}}function gt(t){let n=!1;(0,e.watch)(t.enabled,async e=>{if(r(e),e){t.onResize(),await t.onEnable();return}t.onDisable()},{immediate:!0}),(0,e.onMounted)(()=>{t.onResize(),t.enabled.value&&t.onEnable()}),(0,e.onBeforeUnmount)(()=>{r(!1),t.onDisable()});function r(e){if(e&&!n){window.addEventListener(`resize`,t.onResize),window.addEventListener(`keydown`,t.onKeydown),n=!0;return}!e&&n&&(window.removeEventListener(`resize`,t.onResize),window.removeEventListener(`keydown`,t.onKeydown),n=!1)}}var _t={currentTime:0,duration:0,errorKind:null,muted:!1,paused:!0,ready:!1,volume:1};function vt(){return{..._t}}function yt(e){return e.complete&&!!(e.currentSrc||e.getAttribute(`src`))}function bt(e,t,n){e.currentTime=Number.isFinite(t.currentTime)?t.currentTime:0,e.duration=Number.isFinite(t.duration)?t.duration:0,e.muted=t.muted,e.paused=t.paused,e.volume=Number.isFinite(t.volume)?t.volume:e.volume,n&&n!==`error`&&(e.errorKind=null),e.ready=xt(t,n)}function xt(e,t){return t===`error`||t===`loadstart`||t===`waiting`||t===`stalled`?!1:t===`canplay`||t===`canplaythrough`||t===`playing`?!0:e.readyState>=HTMLMediaElement.HAVE_CURRENT_DATA}var St=new Map;function Ct(e){return e===`not-found`?`404`:`Load error`}function wt(e){return e===`generic`}function Tt(e){return Et(e).then(e=>e??`generic`)}function Et(e){let t=St.get(e);if(t)return t;let n=Dt(e);return St.set(e,n),n}async function Dt(e){if(!Ot(e))return null;try{let t=await fetch(e,{method:`HEAD`});return t.ok?null:t.status===404?`not-found`:`generic`}catch{return`generic`}}function Ot(e){return/^(https?:\/\/|\/)/i.test(e)}function kt(e){try{let t=e.play();t&&typeof t.catch==`function`&&t.catch(()=>{})}catch{}}function At(t){let n=(0,e.ref)({}),r=(0,e.ref)({}),i=(0,e.ref)({}),a=(0,e.ref)({}),o=(0,e.ref)({}),s=new Map,c=new Map,l=new Set,u=(0,e.computed)(()=>t.activeItem.value?M(t.activeItem.value):null),d=(0,e.computed)(()=>t.activeMediaItem.value?M(t.activeMediaItem.value):null),f=(0,e.computed)(()=>{let e=new Map;for(let n of t.items.value)e.set(M(n),n);return e}),p=(0,e.computed)(()=>d.value?i.value[d.value]??_t:_t),m=(0,e.computed)(()=>d.value?p.value.duration:0),h=(0,e.computed)(()=>m.value<=0?0:jt(p.value.currentTime/m.value*100,0,100)),g=(0,e.computed)(()=>u.value?I(u.value):null);(0,e.watch)(()=>u.value,async()=>{await S()}),(0,e.watch)(()=>t.itemCount.value,async()=>{await S()}),(0,e.watch)(()=>t.loopFullscreenVideo.value,async()=>{await S()});function _(e,t){if(t instanceof HTMLVideoElement){s.set(e,t),W(e,t);return}s.delete(e)}function v(e,t){if(t instanceof HTMLAudioElement){c.set(e,t),W(e,t);return}c.delete(e)}function y(e,t){t instanceof HTMLImageElement&&yt(t)&&(n.value[e]=!0,r.value[e]=null,X(e,t.currentSrc||t.src||te(e)))}function b(){H(),a.value={},r.value={},n.value={},o.value={},i.value={},l.clear()}function x(e){delete n.value[e],delete r.value[e],delete o.value[e],delete i.value[e],l.forEach(t=>{t.startsWith(`${e}|`)&&l.delete(t)})}async function S(){if(!t.isEnabled.value){H();return}await(0,e.nextTick)();let n=u.value;for(let[e,r]of s.entries()){if(e!==n||i.value[e]?.errorKind){V(r,e);continue}r.muted=!1,r.loop=t.loopFullscreenVideo.value,r.playsInline=!0,kt(r),W(e,r)}for(let[e,t]of c.entries()){if(e!==n||i.value[e]?.errorKind){V(t,e);continue}kt(t),W(e,t)}}function C(e,t){let n=t.currentTarget instanceof HTMLMediaElement?t.currentTarget:t.target instanceof HTMLMediaElement?t.target:null;if(n){let r=i.value[e]?.ready??!1;W(e,n,t.type);let a=i.value[e]?.ready??!1;!r&&a&&X(e,n.currentSrc||n.src||te(e))}}function w(e,t){n.value[e]=!0,r.value[e]=null,X(e,t)}async function T(e,i){let a=ee(e)??t.activeItem.value;n.value[e]=!1,r.value[e]=`generic`;let o=await Tt(i);r.value[e]=o,a&&t.onAssetError?.({item:a,occurrenceKey:e,url:i,kind:o,surface:`fullscreen`})}async function E(e,n){let r=q(e),i=U(e),a=ee(e)??t.activeMediaItem.value??t.activeItem.value;if(r){r.pause();try{r.currentTime=0}catch{}}i.currentTime=0,i.duration=0,i.paused=!0,i.ready=!1,i.errorKind=`generic`;let o=await Tt(n);i.errorKind=o,a&&t.onAssetError?.({item:a,occurrenceKey:e,url:n,kind:o,surface:`fullscreen`})}function D(e,t,n){e.button!==0||Date.now()<n||Y(s.get(t)??null)}function O(e,t,n){e.button!==0||Date.now()<n||Y(q(t))}function k(e){let t=J(),n=d.value;if(!t||!n||!(e.target instanceof HTMLInputElement))return;let r=Number.parseFloat(e.target.value);if(!Number.isFinite(r))return;let i=jt(r,0,m.value||0);G(n,i,t),t.currentTime=i}function A(e){let t=J(),n=d.value;if(!t||!n||!(e.target instanceof HTMLInputElement))return;let r=jt(Number.parseFloat(e.target.value),0,1);t.volume=r,t.muted=r<=0,r>0&&(o.value[n]=r),W(n,t)}function j(){let e=J(),t=d.value;!e||!t||(e.muted||e.volume<=0?(e.volume=K(t),e.muted=!1,o.value[t]=e.volume):(o.value[t]=e.volume,e.muted=!0),W(t,e))}function N(e){return!!n.value[e]&&!r.value[e]}function P(e){return(i.value[e]?.ready??!1)&&!i.value[e]?.errorKind}function F(e){return e.url}function I(e){return r.value[e]??i.value[e]?.errorKind??null}function L(e){let t=I(e);return t?Ct(t):null}function R(e){return wt(I(e))}function z(e){return`${e}:${a.value[e]??0}`}async function B(t){if(!R(t))return;n.value[t]=!1,r.value[t]=null;let i=U(t);i.currentTime=0,i.duration=0,i.paused=!0,i.ready=!1,i.errorKind=null;let o=q(t);o&&V(o,t),l.forEach(e=>{e.startsWith(`${t}|`)&&l.delete(e)}),a.value[t]=(a.value[t]??0)+1,await(0,e.nextTick)(),await S()}function V(e,t){e.pause();try{e.currentTime=0}catch{}W(t,e)}function H(){for(let[e,t]of s.entries())V(t,e);for(let[e,t]of c.entries())V(t,e)}function U(e){return i.value[e]||(i.value[e]=vt()),i.value[e]}function W(e,t,n){bt(U(e),t,n),!t.muted&&t.volume>0&&(o.value[e]=t.volume)}function G(e,t,n){let r=U(e);r.currentTime=t,r.duration=Number.isFinite(n.duration)?n.duration:r.duration,r.muted=n.muted,r.paused=n.paused,r.volume=Number.isFinite(n.volume)?n.volume:r.volume}function K(e){return jt(o.value[e]??1,0,1)}function q(e){return s.get(e)??c.get(e)??null}function J(){return d.value?q(d.value):null}function Y(e){if(e){if(e.paused){kt(e);return}e.pause()}}function X(e,n){let r=ee(e)??t.activeMediaItem.value??t.activeItem.value;if(!r||!n)return;let i=`${e}|${n}`;l.has(i)||(l.add(i),t.onAssetLoad?.({item:r,occurrenceKey:e,surface:`fullscreen`,url:n}))}function ee(e){return f.value.get(e)??null}function te(e){return ee(e)?.url??null}return{activeAssetErrorKind:g,activeMediaDuration:m,activeMediaProgress:h,activeMediaState:p,getAssetErrorKind:I,getAssetErrorLabel:L,getAssetRenderKey:z,getImageSource:F,isImageReady:N,isMediaReady:P,canRetryAsset:R,mediaStates:i,onAudioCoverClick:O,onImageError:T,onImageLoad:w,onMediaError:E,onMediaEvent:C,onMediaSeekInput:k,onMediaVolumeInput:A,onMediaVolumeToggle:j,onVideoClick:D,registerAudioElement:v,registerImageElement:y,registerVideoElement:_,resetAssetState:x,resetMediaState:b,retryAsset:B,syncMediaPlayback:S}}function jt(e,t,n){return Math.min(Math.max(e,t),n)}var Mt={backward:1,forward:3};function Nt(e,t,n=Mt){return t<=0?{start:0,end:-1}:{start:Math.max(0,e-n.backward),end:Math.min(t-1,e+n.forward)}}function Pt(e,t,n=Mt){let r=Nt(t,e.length,n);return r.end<r.start?[]:e.slice(r.start,r.end+1).map((e,t)=>({item:e,index:r.start+t}))}function Ft(e,t,n,r,i){return{transform:`translate3d(0, ${(e-t)*n+r}px, 0)`,transition:i?`none`:`transform 320ms cubic-bezier(0.22, 1, 0.36, 1)`}}function It(t,n,r={}){let i=(0,e.computed)(()=>t.items),a=(0,e.computed)(()=>t.activeIndex??0),o=(0,e.computed)(()=>t.errorMessage??null),s=(0,e.computed)(()=>t.loading??!1),c=(0,e.computed)(()=>t.hasNextPage??!1),l=(0,e.computed)(()=>t.loopFullscreenVideo??!0),u=(0,e.computed)(()=>t.paginationDetail??null),d=(0,e.computed)(()=>mt({itemCount:i.value.length,loading:s.value,phase:t.phase})),f=(0,e.computed)(()=>!1),p=(0,e.ref)(null),m=(0,e.ref)(0),h=(0,e.ref)(!1),g=(0,e.ref)(1),_=r.enabled??(0,e.computed)(()=>!0),v=null,y=0,b=0,x=0,S=(0,e.computed)(()=>i.value.length===0?0:F(a.value,0,i.value.length-1)),C=(0,e.computed)(()=>i.value[S.value]??null),w=(0,e.computed)(()=>C.value?.type===`audio`||C.value?.type===`video`?C.value:null),D=At({items:i,activeItem:C,activeMediaItem:w,isEnabled:_,itemCount:(0,e.computed)(()=>i.value.length),loopFullscreenVideo:l,onAssetError:r.onAssetError,onAssetLoad:r.onAssetLoad}),O=(0,e.computed)(()=>i.value.length>0&&S.value===i.value.length-1),k=(0,e.computed)(()=>ht({errorMessage:o.value,hasItems:i.value.length>0,hasNextPage:c.value,phase:d.value,surface:`fullscreen`})),A=(0,e.computed)(()=>k.value?.kind??null),j=(0,e.computed)(()=>k.value?.message??null),M=(0,e.computed)(()=>Math.min(96,g.value*.15||96)),N=(0,e.computed)(()=>Nt(S.value,i.value.length)),P=(0,e.computed)(()=>Pt(i.value,S.value));gt({enabled:_,onDisable(){G(),D.resetMediaState()},onEnable(){return D.syncMediaPlayback()},onKeydown:q,onResize:I});function F(e,t,n){return Math.min(Math.max(e,t),n)}function I(){g.value=p.value?.clientHeight||window.innerHeight||1}function L(e){return i.value.length===0?!1:F(S.value+e,0,i.value.length-1)!==S.value}function R(e){if(i.value.length===0)return;let t=F(S.value+e,0,i.value.length-1);t!==S.value&&n(`update:activeIndex`,t)}function z(e){let t=e>0,n=e<0;return t&&!L(-1)||n&&!L(1)?e*.24:e}function B(e){!_.value||i.value.length===0||e.pointerType===`mouse`||E(e.target)||(v=e.pointerId,y=e.clientY,m.value=0,h.value=!0,p.value?.setPointerCapture?.(e.pointerId))}function V(e){!_.value||!h.value||v!==e.pointerId||(m.value=z(e.clientY-y))}function H(e){!_.value||v!==e.pointerId||(p.value?.releasePointerCapture?.(e.pointerId),W())}function U(e){!_.value||v!==e.pointerId||(p.value?.releasePointerCapture?.(e.pointerId),G())}function W(){Math.abs(m.value)>=M.value&&(x=Date.now()+250,R(m.value<0?1:-1)),G()}function G(){m.value=0,h.value=!1,v=null}function K(e){if(!_.value||i.value.length===0||h.value||E(e.target)||Math.abs(e.deltaY)<Math.max(Math.abs(e.deltaX),24))return;e.preventDefault();let t=Date.now();t<b||(b=t+400,R(e.deltaY>0?1:-1))}function q(e){!_.value||i.value.length===0||T(e.target)||((e.key===`ArrowDown`||e.key===`PageDown`)&&(e.preventDefault(),R(1)),(e.key===`ArrowUp`||e.key===`PageUp`)&&(e.preventDefault(),R(-1)))}function J(e,t){D.onVideoClick(e,t,x)}function Y(e,t){D.onAudioCoverClick(e,t,x)}function X(e){D.onMediaSeekInput(e)}function ee(e){D.onMediaVolumeInput(e)}function te(){D.onMediaVolumeToggle()}function ne(e){return e.type===`image`||e.type===`video`}function re(e){return e.type===`audio`}function ie(e){return Ft(e,S.value,g.value,m.value,h.value)}return{activeItem:C,activeAssetErrorKind:D.activeAssetErrorKind,activeMediaDuration:D.activeMediaDuration,activeMediaItem:w,activeMediaProgress:D.activeMediaProgress,activeMediaState:D.activeMediaState,canRetryAsset:D.canRetryAsset,canRetryInitialLoad:f,errorMessage:o,getAssetErrorKind:D.getAssetErrorKind,getAssetErrorLabel:D.getAssetErrorLabel,getAssetRenderKey:D.getAssetRenderKey,formatPlaybackTime:pt,getImageSource:D.getImageSource,getSlideStyle:ie,hasNextPage:c,isAtEnd:O,isAudio:re,isVisual:ne,items:i,loading:s,mediaStates:D.mediaStates,isImageReady:D.isImageReady,isMediaReady:D.isMediaReady,onAudioCoverClick:Y,onImageError:D.onImageError,onImageLoad:D.onImageLoad,onMediaEvent:D.onMediaEvent,onMediaError:D.onMediaError,onMediaSeekInput:X,onMediaVolumeInput:ee,onMediaVolumeToggle:te,onPointerCancel:U,onPointerDown:B,onPointerMove:V,onPointerUp:H,onVideoClick:J,onWheel:K,registerAudioElement:D.registerAudioElement,registerImageElement:D.registerImageElement,registerVideoElement:D.registerVideoElement,renderedItems:P,renderedRange:N,resolvedActiveIndex:S,resetAssetState:D.resetAssetState,retryInitialLoad:async()=>{},retryAsset:D.retryAsset,stageRef:p,statusKind:A,statusMessage:j,paginationDetail:u,phase:d}}var Lt=`bg-[linear-gradient(180deg,#0a0b10,#05060a)]`,Rt=`bg-[linear-gradient(180deg,#0b0c11,#06070b)]`,zt={image:!0,video:!0,audio:!0,other:!0};function Bt(e){return zt[e],Lt}function Vt(e){return zt[e],Rt}function Ht(e){function t(t,n){return e.fullscreenMedia.shouldHandleSlideAssetEvent(t,n)?e.fullscreenMedia.getItemKey(n):null}function n(n,r,i){let a=t(r,i);if(!a)return;e.fullscreenMedia.settleAssetPreload(a),e.viewer.onImageLoad(a,i.url);let o=n.currentTarget;o instanceof HTMLImageElement&&e.updateDominantToneFromImageElement(a,o)}async function r(n,r){let i=t(n,r);i&&(e.fullscreenMedia.settleAssetPreload(i),await e.viewer.onImageError(i,r.url))}function i(n,r,i){let a=t(n,r);return a?(e.viewer.onMediaEvent(a,i),a):null}async function a(n,r){let i=t(n,r);i&&(e.fullscreenMedia.settleAssetPreload(i),await e.viewer.onMediaError(i,r.url))}return{getHandledItemKey:t,onFullscreenImageError:r,onFullscreenImageLoad:n,onFullscreenMediaError:a,onFullscreenMediaEvent:i}}function Ut(e){if(e.naturalWidth<=0||e.naturalHeight<=0)return null;let t=document.createElement(`canvas`),n=t.getContext(`2d`,{willReadFrequently:!0});if(!n)return null;t.width=24,t.height=24;try{n.drawImage(e,0,0,24,24);let{data:t}=n.getImageData(0,0,24,24),r=0,i=0,a=0,o=0;for(let e=0;e<t.length;e+=4){let n=t[e+3]/255;if(n<=.05)continue;let s=t[e],c=t[e+1],l=t[e+2],u=Math.max(s,c,l),d=n*(.65+(u===0?0:(u-Math.min(s,c,l))/u)*.7);r+=d,i+=s*d,a+=c*d,o+=l*d}return r<=0?null:{r:Wt(Math.round(i/r)),g:Wt(Math.round(a/r)),b:Wt(Math.round(o/r))}}catch{return null}}function Wt(e){return Math.min(235,Math.max(26,e))}function Gt(t){let n=(0,e.ref)({}),r=(0,e.computed)(()=>t.activeItem.value?t.getItemKey(t.activeItem.value):null),i=(0,e.computed)(()=>!t.showDominantImageTone.value||t.activeItem.value?.type!==`image`||!r.value||!t.isImageReady(r.value)?null:n.value[r.value]??null),a=(0,e.computed)(()=>{if(!i.value)return;let{r:e,g:t,b:n}=i.value;return{background:`radial-gradient(circle at top center, rgba(${e},${t},${n},0.34) 0%, transparent 44%), linear-gradient(180deg,#0a0b10,#05060a)`}}),o=(0,e.computed)(()=>{if(!i.value)return;let{r:e,g:t,b:n}=i.value;return{background:`radial-gradient(circle at center, rgba(${e},${t},${n},0.42) 0%, transparent 44%), linear-gradient(180deg,#0b0c11,#06070b)`}});(0,e.watch)(()=>t.showDominantImageTone.value,e=>{e||(n.value={})});function s(e,r){if(!t.showDominantImageTone.value)return;let i=Ut(r);i&&(n.value[e]=i)}return{activeStageToneStyle:a,activeSlideToneStyle:o,updateFromImageElement:s}}var Kt=[`data-surface`],qt=[`data-surface`],Jt=(0,e.defineComponent)({inheritAttrs:!1,__name:`SurfaceEmptyState`,props:{message:{},mode:{},surface:{}},setup(t){let n=(0,e.useAttrs)();return(r,i)=>t.mode===`inline`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,(0,e.mergeProps)({key:0},(0,e.unref)(n),{"data-testid":`vibe-empty-state-inline`,"data-surface":t.surface,class:[`pointer-events-none absolute z-[4] text-center`,t.surface===`grid`?`inset-x-0 top-[clamp(6rem,22vh,11rem)] flex justify-center px-6`:`inset-0 grid place-items-center px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)]`]}),[(0,e.renderSlot)(r.$slots,`default`,{},()=>[(0,e.createElementVNode)(`p`,{class:(0,e.normalizeClass)([`m-0 text-[0.82rem] font-medium tracking-[0.08em]`,t.surface===`grid`?`text-[#f7f1ea]/58`:`text-[#f7f1ea]/64`])},(0,e.toDisplayString)(t.message),3)])],16,Kt)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,(0,e.mergeProps)({key:1},(0,e.unref)(n),{class:[`pointer-events-none absolute z-[4]`,t.surface===`grid`?`inset-x-0 bottom-0 flex justify-center px-6`:`bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]`]}),[(0,e.renderSlot)(r.$slots,`default`,{},()=>[(0,e.createElementVNode)(`span`,{"data-testid":`vibe-empty-state-badge`,"data-surface":t.surface,class:(0,e.normalizeClass)([`inline-flex items-center border border-white/14 backdrop-blur-[18px]`,t.surface===`grid`?`bg-black/55 px-4 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/72`:`w-auto bg-black/40 px-5 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/74 max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center`])},(0,e.toDisplayString)(t.message),11,qt)])],16))}}),Yt={class:`relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]`},Xt={key:0,class:`relative h-full min-h-0`},Zt=[`data-item-id`,`data-occurrence-key`,`data-index`,`data-active`,`aria-hidden`],Qt={key:0,"data-testid":`vibe-asset-spinner`,class:`pointer-events-none absolute inset-0 z-[2] grid place-items-center`},$t={class:`inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]`},en=[`data-kind`],tn={class:`grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]`},nn={class:`m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70`},rn=[`onClick`],an=[`src`,`alt`,`onLoad`,`onError`],on=[`loop`,`src`,`preload`,`onClick`,`onCanplay`,`onDurationchange`,`onEnded`,`onError`,`onLoadstart`,`onLoadedmetadata`,`onPause`,`onPlay`,`onPlaying`,`onSeeking`,`onSeeked`,`onStalled`,`onTimeupdate`,`onWaiting`],sn={class:`relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center`},cn=[`aria-label`,`disabled`,`onClick`],ln={class:`relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]`},un={class:`pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]`},dn={key:0,"data-testid":`vibe-asset-spinner`,class:`pointer-events-none absolute inset-0 z-[3] grid place-items-center`},fn={class:`inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]`},pn=[`data-kind`],mn={class:`m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70`},hn=[`onClick`],gn=[`src`,`preload`,`onCanplay`,`onDurationchange`,`onError`,`onLoadstart`,`onLoadedmetadata`,`onPause`,`onPlay`,`onPlaying`,`onSeeking`,`onSeeked`,`onStalled`,`onTimeupdate`,`onWaiting`],_n={key:2,class:`relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center`},vn={class:`inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-white/8 p-4 backdrop-blur-[20px]`},yn={key:0,"data-testid":`vibe-fullscreen-overlay`,class:`pointer-events-none absolute inset-0 z-[6]`},bn={class:`h-full w-full`},xn={key:1,"data-testid":`vibe-forward-fill-placeholder`,class:`grid h-full min-h-0 place-items-center px-6 text-center`},Sn={class:`grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]`},Cn={class:`inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]`},wn={class:`m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72`},Tn={key:0,"data-testid":`vibe-fullscreen-aside`,class:`h-full min-h-0 overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]`},En={class:`h-full min-h-0 overflow-y-auto overscroll-y-contain`},Dn={key:0,"data-testid":`vibe-fullscreen-aside`,class:`absolute inset-y-0 right-0 z-[6] w-full max-w-[22rem] overflow-hidden border-l border-white/10 bg-black/82 backdrop-blur-[18px]`},On={class:`h-full min-h-0 overflow-y-auto overscroll-y-contain`},kn=1280,An=768,jn=(0,e.defineComponent)({__name:`FullscreenSurface`,props:{active:{type:Boolean,default:!0},activeIndex:{default:0},emptyStateMode:{default:`inline`},errorMessage:{default:null},hasNextPage:{type:Boolean,default:!1},items:{},loading:{type:Boolean,default:!1},loopFullscreenVideo:{type:Boolean,default:!0},paginationDetail:{default:null},phase:{default:null},reportAssetError:{type:[Function,null],default:null},reportAssetLoad:{type:[Function,null],default:null},showDominantImageTone:{type:Boolean,default:!0},showBackToList:{type:Boolean,default:!1},showEndBadge:{type:Boolean,default:!0},showStatusBadges:{type:Boolean,default:!0}},emits:[`back-to-list`,`update:activeIndex`],setup(t,{emit:n}){let r=t,i=(0,e.useSlots)(),a=n,o=It(r,(e,t)=>{a(`update:activeIndex`,t)},{enabled:(0,e.toRef)(r,`active`),onAssetError:r.reportAssetError??void 0,onAssetLoad:r.reportAssetLoad??void 0}),s=(0,e.ref)(typeof window>`u`?kn:window.innerWidth||kn),c=ct({active:(0,e.toRef)(r,`active`),items:o.items,resolvedActiveIndex:o.resolvedActiveIndex,viewer:o}),l=(0,e.computed)(()=>Bt(o.activeItem.value?.type??`image`)),{activeSlideToneStyle:u,activeStageToneStyle:d,updateFromImageElement:f}=Gt({activeItem:o.activeItem,getItemKey:c.getItemKey,isImageReady:o.isImageReady,showDominantImageTone:(0,e.toRef)(r,`showDominantImageTone`)}),p=Ht({fullscreenMedia:c,updateDominantToneFromImageElement:W,viewer:o}),m=(0,e.computed)(()=>o.activeMediaItem.value&&!o.activeAssetErrorKind.value?`bottom-[5.8rem] max-[720px]:bottom-[7.4rem]`:`bottom-[1.8rem] max-[720px]:bottom-[1.3rem]`),y=(0,e.computed)(()=>!!o.activeMediaItem.value&&!o.activeAssetErrorKind.value),b=(0,e.computed)(()=>s.value<An?`vertical`:`horizontal`),x=(0,e.computed)(()=>y.value?`pb-[5.75rem] max-[720px]:pb-[7rem]`:``),S=(0,e.computed)(()=>r.activeIndex>=r.items.length&&(r.loading||r.hasNextPage)),C=(0,e.computed)(()=>r.hasNextPage?`Loading more items`:o.statusMessage.value??`Loading more items`),w=(0,e.computed)(()=>{let e=o.activeItem.value;return e?{hasNextPage:r.hasNextPage,index:o.resolvedActiveIndex.value,item:e,loading:r.loading,paginationDetail:r.paginationDetail,total:r.items.length}:null}),T=(0,e.computed)(()=>!w.value||!i[`fullscreen-header-actions`]?[]:i[`fullscreen-header-actions`](w.value)),E=(0,e.computed)(()=>!w.value||!i[`fullscreen-aside`]?[]:i[`fullscreen-aside`](w.value)),D=(0,e.computed)(()=>!r.showStatusBadges||!w.value||!o.statusKind.value||!o.statusMessage.value?null:{...w.value,kind:o.statusKind.value,message:o.statusMessage.value}),O=(0,e.computed)(()=>!D.value||!i[`fullscreen-status`]?[]:i[`fullscreen-status`](D.value)),k=(0,e.computed)(()=>({gridTemplateColumns:M.value?`minmax(0, 1fr) 22rem`:`minmax(0, 1fr) 0rem`,transition:`grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)`})),A=(0,e.computed)(()=>lt(T.value)),j=(0,e.computed)(()=>lt(E.value)),M=(0,e.computed)(()=>j.value&&s.value>=kn),N=(0,e.computed)(()=>j.value&&!M.value),P=(0,e.computed)(()=>lt(O.value)),{emptyStateProps:F,showBadgeEmptyState:I,showCustomEmptyState:L,showInlineEmptyState:R}=ft({emptyStateMode:(0,e.toRef)(r,`emptyStateMode`),itemCount:(0,e.computed)(()=>r.items.length),loading:(0,e.toRef)(r,`loading`),renderSlot:i[`empty-state`],surface:`fullscreen`});(0,e.onMounted)(()=>{window.addEventListener(`resize`,z)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,z)});function z(){s.value=window.innerWidth||kn}function B(e,t){c.registerImageElement(e,t),o.registerImageElement(e,t),t instanceof HTMLImageElement&&W(e,t)}function V(e,t){c.registerMediaElement(e,t),o.registerVideoElement(e,t)}function H(e,t){c.registerMediaElement(e,t),o.registerAudioElement(e,t)}function U(e,t,n){let r=p.onFullscreenMediaEvent(e,t,n),i=n.currentTarget,a=typeof HTMLMediaElement>`u`?1:HTMLMediaElement.HAVE_METADATA;r&&i instanceof HTMLMediaElement&&i.readyState>=a&&c.settleAssetPreload(r)}function W(e,t){f(e,t)}function G(e,t,n){let i=p.getHandledItemKey(t,n);if(!i||(o.onMediaEvent(i,e),!r.loopFullscreenVideo))return;let a=e.currentTarget;if(!(a instanceof HTMLVideoElement))return;try{a.currentTime=0}catch{}let s=a.play();s&&typeof s.catch==`function`&&s.catch(()=>{})}return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Yt,[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`absolute inset-0 transition-[background] duration-200`,l.value]),style:(0,e.normalizeStyle)((0,e.unref)(d))},null,6),(0,e.createElementVNode)(`div`,{class:`relative z-[1] grid h-full min-h-0`,style:(0,e.normalizeStyle)(k.value)},[(0,e.createElementVNode)(`div`,{ref:`viewer.stageRef`,"data-testid":`vibe-stage`,class:`relative h-full min-h-0 touch-none overflow-hidden`,onPointerdown:n[1]||=(...t)=>(0,e.unref)(o).onPointerDown&&(0,e.unref)(o).onPointerDown(...t),onPointermove:n[2]||=(...t)=>(0,e.unref)(o).onPointerMove&&(0,e.unref)(o).onPointerMove(...t),onPointerup:n[3]||=(...t)=>(0,e.unref)(o).onPointerUp&&(0,e.unref)(o).onPointerUp(...t),onPointercancel:n[4]||=(...t)=>(0,e.unref)(o).onPointerCancel&&(0,e.unref)(o).onPointerCancel(...t),onWheel:n[5]||=(...t)=>(0,e.unref)(o).onWheel&&(0,e.unref)(o).onWheel(...t)},[(0,e.unref)(o).activeItem.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Xt,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(o).renderedItems.value,({item:i,index:a})=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{key:(0,e.unref)(c).getItemKey(i),"data-testid":`vibe-slide`,"data-item-id":i.id,"data-occurrence-key":(0,e.unref)(c).getItemKey(i),"data-index":a,"data-active":a===(0,e.unref)(o).resolvedActiveIndex.value,"aria-hidden":a===(0,e.unref)(o).resolvedActiveIndex.value?`false`:`true`,class:(0,e.normalizeClass)([`absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform`,a===(0,e.unref)(o).resolvedActiveIndex.value?`pointer-events-auto`:`pointer-events-none`]),style:(0,e.normalizeStyle)((0,e.unref)(o).getSlideStyle(a))},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`absolute inset-0 opacity-85`,(0,e.unref)(Vt)(i.type)]),style:(0,e.normalizeStyle)(a===(0,e.unref)(o).resolvedActiveIndex.value&&i.type===`image`?(0,e.unref)(u):void 0)},null,6),(0,e.unref)(o).isVisual(i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:(0,e.normalizeClass)([`relative z-[1] flex h-full w-full items-center justify-center overflow-hidden`,a===(0,e.unref)(o).resolvedActiveIndex.value?x.value:``])},[(0,e.unref)(c).isAssetLoading(a,i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Qt,[(0,e.createElementVNode)(`span`,$t,[(0,e.createVNode)((0,e.unref)(h),{class:`h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78`,"aria-hidden":`true`})])])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(c).isAssetErrored(a,i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,"data-testid":`vibe-asset-error`,"data-kind":(0,e.unref)(c).getAssetErrorKind(i),class:`grid h-full w-full place-items-center`},[(0,e.createElementVNode)(`div`,tn,[(0,e.createVNode)((0,e.unref)(v),{class:`h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72`,"aria-hidden":`true`}),(0,e.createElementVNode)(`p`,nn,(0,e.toDisplayString)((0,e.unref)(c).getAssetErrorLabel(i)),1),(0,e.unref)(o).canRetryAsset((0,e.unref)(c).getItemKey(i))?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50`,onClick:(0,e.withModifiers)(t=>(0,e.unref)(o).retryAsset((0,e.unref)(c).getItemKey(i)),[`stop`])},` Retry `,8,rn)):(0,e.createCommentVNode)(``,!0)])],8,en)):i.type===`image`?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:(0,e.unref)(o).getAssetRenderKey((0,e.unref)(c).getItemKey(i)),src:(0,e.unref)(c).getFullscreenImageSource(a,i),alt:i.title??``,crossorigin:`anonymous`,draggable:`false`,class:(0,e.normalizeClass)([`block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300`,(0,e.unref)(o).isImageReady((0,e.unref)(c).getItemKey(i))?`opacity-100`:`opacity-0`]),ref_for:!0,ref:t=>B((0,e.unref)(c).getItemKey(i),t),onLoad:t=>(0,e.unref)(p).onFullscreenImageLoad(t,a,i),onError:t=>(0,e.unref)(p).onFullscreenImageError(a,i)},null,42,an)):((0,e.openBlock)(),(0,e.createElementBlock)(`video`,{key:(0,e.unref)(o).getAssetRenderKey((0,e.unref)(c).getItemKey(i)),class:(0,e.normalizeClass)([`block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300`,(0,e.unref)(o).isMediaReady((0,e.unref)(c).getItemKey(i))?`opacity-100`:`opacity-0`]),playsinline:``,loop:r.loopFullscreenVideo,src:(0,e.unref)(c).getFullscreenMediaSource(a,i),preload:(0,e.unref)(c).getFullscreenMediaPreload(a),ref_for:!0,ref:t=>V((0,e.unref)(c).getItemKey(i),t),onClick:(0,e.withModifiers)(t=>(0,e.unref)(o).onVideoClick(t,(0,e.unref)(c).getItemKey(i)),[`stop`]),onCanplay:e=>U(a,i,e),onDurationchange:e=>U(a,i,e),onEnded:e=>G(e,a,i),onError:t=>(0,e.unref)(p).onFullscreenMediaError(a,i),onLoadstart:e=>U(a,i,e),onLoadedmetadata:e=>U(a,i,e),onPause:e=>U(a,i,e),onPlay:e=>U(a,i,e),onPlaying:e=>U(a,i,e),onSeeking:e=>U(a,i,e),onSeeked:e=>U(a,i,e),onStalled:e=>U(a,i,e),onTimeupdate:e=>U(a,i,e),onWaiting:e=>U(a,i,e)},null,42,on))],2)):(0,e.unref)(o).isAudio(i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,class:(0,e.normalizeClass)([`relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center`,a===(0,e.unref)(o).resolvedActiveIndex.value?x.value:``])},[(0,e.createElementVNode)(`div`,sn,[(0,e.createElementVNode)(`button`,{type:`button`,class:`relative grid h-full w-full place-items-center border border-white/12 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02)),radial-gradient(circle_at_center,rgba(16,185,129,0.14),transparent_58%)] text-[#f7f1ea] transition-[border-color,background] duration-200 hover:border-white/30 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),radial-gradient(circle_at_center,rgba(16,185,129,0.18),transparent_58%)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]`,"aria-label":(0,e.unref)(o).mediaStates.value[(0,e.unref)(c).getItemKey(i)]?.paused??!0?(0,e.unref)(c).getMediaActionLabel(`Play`,i):(0,e.unref)(c).getMediaActionLabel(`Pause`,i),disabled:!!(0,e.unref)(c).getAssetErrorKind(i),onClick:t=>(0,e.unref)(o).onAudioCoverClick(t,(0,e.unref)(c).getItemKey(i))},[n[6]||=(0,e.createElementVNode)(`span`,{class:`pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(16,185,129,0.16),transparent_66%)]`},null,-1),n[7]||=(0,e.createElementVNode)(`span`,{class:`pointer-events-none absolute h-[clamp(220px,30vw,360px)] w-[clamp(220px,30vw,360px)] border border-white/8 bg-[radial-gradient(circle,rgba(255,255,255,0.08),transparent_62%)]`},null,-1),(0,e.createElementVNode)(`span`,ln,[(0,e.renderSlot)(t.$slots,`item-icon`,{icon:(0,e.unref)(Je)(i.type),item:i},()=>[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(Je)(i.type)),{class:`h-6 w-6 stroke-[1.9]`,"aria-hidden":`true`}))])]),(0,e.createElementVNode)(`span`,un,[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(o).mediaStates.value[(0,e.unref)(c).getItemKey(i)]?.paused??!0?(0,e.unref)(_):(0,e.unref)(g)),{class:`h-4 w-4 stroke-2`,"aria-hidden":`true`}))])],8,cn),(0,e.unref)(c).isAssetLoading(a,i)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,dn,[(0,e.createElementVNode)(`span`,fn,[(0,e.createVNode)((0,e.unref)(h),{class:`h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78`,"aria-hidden":`true`})])])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(c).getAssetErrorKind(i)?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[n[8]||=(0,e.createElementVNode)(`div`,{class:`pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]`},null,-1),(0,e.createElementVNode)(`div`,{"data-testid":`vibe-asset-error`,"data-kind":(0,e.unref)(c).getAssetErrorKind(i),class:`relative z-[1] grid justify-items-center gap-4`},[(0,e.createVNode)((0,e.unref)(v),{class:`h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72`,"aria-hidden":`true`}),(0,e.createElementVNode)(`p`,mn,(0,e.toDisplayString)((0,e.unref)(c).getAssetErrorLabel(i)),1),(0,e.unref)(o).canRetryAsset((0,e.unref)(c).getItemKey(i))?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50`,onClick:(0,e.withModifiers)(t=>(0,e.unref)(o).retryAsset((0,e.unref)(c).getItemKey(i)),[`stop`])},` Retry `,8,hn)):(0,e.createCommentVNode)(``,!0)],8,pn)],64)):(0,e.createCommentVNode)(``,!0)]),((0,e.openBlock)(),(0,e.createElementBlock)(`audio`,{key:(0,e.unref)(o).getAssetRenderKey((0,e.unref)(c).getItemKey(i)),src:(0,e.unref)(c).getFullscreenMediaSource(a,i),preload:(0,e.unref)(c).getFullscreenMediaPreload(a),class:`pointer-events-none absolute h-px w-px opacity-0`,ref_for:!0,ref:t=>H((0,e.unref)(c).getItemKey(i),t),onCanplay:e=>U(a,i,e),onDurationchange:e=>U(a,i,e),onError:t=>(0,e.unref)(p).onFullscreenMediaError(a,i),onLoadstart:e=>U(a,i,e),onLoadedmetadata:e=>U(a,i,e),onPause:e=>U(a,i,e),onPlay:e=>U(a,i,e),onPlaying:e=>U(a,i,e),onSeeking:e=>U(a,i,e),onSeeked:e=>U(a,i,e),onStalled:e=>U(a,i,e),onTimeupdate:e=>U(a,i,e),onWaiting:e=>U(a,i,e)},null,40,gn))],2)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,_n,[(0,e.createElementVNode)(`div`,vn,[(0,e.renderSlot)(t.$slots,`item-icon`,{icon:(0,e.unref)(Je)(i.type),item:i},()=>[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(Je)(i.type)),{class:`h-6 w-6 stroke-[1.9]`,"aria-hidden":`true`}))])])]))],14,Zt))),128)),w.value&&i[`fullscreen-overlay`]?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,yn,[(0,e.createElementVNode)(`div`,bn,[(0,e.renderSlot)(t.$slots,`fullscreen-overlay`,(0,e.normalizeProps)((0,e.guardReactiveProps)(w.value)))])])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(o).activeItem.value?((0,e.openBlock)(),(0,e.createBlock)(Ge,{key:1,"current-index":(0,e.unref)(o).resolvedActiveIndex.value,loading:r.loading,"pagination-detail":(0,e.unref)(o).paginationDetail.value,"show-back-to-list":r.showBackToList,"show-end-badge":r.showEndBadge&&(0,e.unref)(o).isAtEnd.value&&!(0,e.unref)(o).hasNextPage.value&&!(0,e.unref)(o).loading.value,title:(0,e.unref)(o).activeItem.value.title??null,total:(0,e.unref)(o).items.value.length,onBackToList:n[0]||=e=>a(`back-to-list`)},(0,e.createSlots)({_:2},[A.value&&w.value?{name:`actions`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,`fullscreen-header-actions`,(0,e.normalizeProps)((0,e.guardReactiveProps)(w.value)))]),key:`0`}:void 0]),1032,[`current-index`,`loading`,`pagination-detail`,`show-back-to-list`,`show-end-badge`,`title`,`total`])):(0,e.createCommentVNode)(``,!0),y.value?((0,e.openBlock)(),(0,e.createBlock)(Fe,{key:2,"current-time":(0,e.unref)(o).activeMediaState.value.currentTime,"current-time-label":(0,e.unref)(o).formatPlaybackTime((0,e.unref)(o).activeMediaState.value.currentTime),duration:(0,e.unref)(o).activeMediaDuration.value,"duration-label":(0,e.unref)(o).formatPlaybackTime((0,e.unref)(o).activeMediaDuration.value),muted:(0,e.unref)(o).activeMediaState.value.muted,progress:(0,e.unref)(o).activeMediaProgress.value,volume:(0,e.unref)(o).activeMediaState.value.volume,"volume-control-layout":b.value,onSeekInput:(0,e.unref)(o).onMediaSeekInput,onVolumeInput:(0,e.unref)(o).onMediaVolumeInput,onVolumeToggle:(0,e.unref)(o).onMediaVolumeToggle},null,8,[`current-time`,`current-time-label`,`duration`,`duration-label`,`muted`,`progress`,`volume`,`volume-control-layout`,`onSeekInput`,`onVolumeInput`,`onVolumeToggle`])):(0,e.createCommentVNode)(``,!0),D.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:3,class:(0,e.normalizeClass)([`absolute left-1/2 z-[4] -translate-x-1/2`,m.value])},[P.value?(0,e.renderSlot)(t.$slots,`fullscreen-status`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},D.value))):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,"data-testid":`vibe-fullscreen-status-badge`,class:(0,e.normalizeClass)([`inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center`,D.value.kind===`end`?`border-amber-300/35 text-amber-200`:D.value.kind===`failed`?`border-rose-400/45 text-rose-100`:``])},(0,e.toDisplayString)(D.value.message),3))],2)):(0,e.createCommentVNode)(``,!0)])):S.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,xn,[(0,e.createElementVNode)(`div`,Sn,[(0,e.createElementVNode)(`span`,Cn,[(0,e.createVNode)((0,e.unref)(h),{class:`h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78`,"aria-hidden":`true`})]),(0,e.createElementVNode)(`p`,wn,(0,e.toDisplayString)(C.value),1)])])):(0,e.unref)(R)&&(0,e.unref)(F)?((0,e.openBlock)(),(0,e.createBlock)(Jt,{key:2,message:(0,e.unref)(F).message,mode:(0,e.unref)(F).mode,surface:(0,e.unref)(F).surface},{default:(0,e.withCtx)(()=>[(0,e.unref)(L)?(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(F)))):(0,e.createCommentVNode)(``,!0)]),_:3},8,[`message`,`mode`,`surface`])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(I)&&(0,e.unref)(F)?((0,e.openBlock)(),(0,e.createBlock)(Jt,{key:3,message:(0,e.unref)(F).message,mode:(0,e.unref)(F).mode,surface:(0,e.unref)(F).surface},{default:(0,e.withCtx)(()=>[(0,e.unref)(L)?(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(F)))):(0,e.createCommentVNode)(``,!0)]),_:3},8,[`message`,`mode`,`surface`])):(0,e.createCommentVNode)(``,!0)],544),(0,e.createVNode)(e.Transition,{"enter-active-class":`transform-gpu transition-all duration-320 ease-out`,"enter-from-class":`translate-x-full opacity-0`,"enter-to-class":`translate-x-0 opacity-100`,"leave-active-class":`transform-gpu transition-all duration-260 ease-in`,"leave-from-class":`translate-x-0 opacity-100`,"leave-to-class":`translate-x-full opacity-0`},{default:(0,e.withCtx)(()=>[M.value&&w.value?((0,e.openBlock)(),(0,e.createElementBlock)(`aside`,Tn,[(0,e.createElementVNode)(`div`,En,[(0,e.renderSlot)(t.$slots,`fullscreen-aside`,(0,e.normalizeProps)((0,e.guardReactiveProps)(w.value)))])])):(0,e.createCommentVNode)(``,!0)]),_:3})],4),(0,e.createVNode)(e.Transition,{"enter-active-class":`transform-gpu transition-all duration-320 ease-out`,"enter-from-class":`translate-x-full opacity-0`,"enter-to-class":`translate-x-0 opacity-100`,"leave-active-class":`transform-gpu transition-all duration-260 ease-in`,"leave-from-class":`translate-x-0 opacity-100`,"leave-to-class":`translate-x-full opacity-0`},{default:(0,e.withCtx)(()=>[N.value&&w.value?((0,e.openBlock)(),(0,e.createElementBlock)(`aside`,Dn,[(0,e.createElementVNode)(`div`,On,[(0,e.renderSlot)(t.$slots,`fullscreen-aside`,(0,e.normalizeProps)((0,e.guardReactiveProps)(w.value)))])])):(0,e.createCommentVNode)(``,!0)]),_:3})]))}}),Mn=1,Nn=.5;function Pn(e){if(e.type!==`image`&&e.type!==`video`)return{width:Mn,height:Mn,source:`fallback`};let t=e.preview?.width,n=e.preview?.height;if(Vn(t)&&Vn(n)){let r=Hn(e,t,n);return{width:r.width,height:r.height,source:`preview`}}if(Vn(e.width)&&Vn(e.height)){let t=Hn(e,e.width,e.height);return{width:t.width,height:t.height,source:`original`}}return{width:Mn,height:Mn,source:`fallback`}}function Fn(e,t){return!e||e<=0||!t||t<=0?1:Math.max(1,Math.floor(e/t))}function In(e,t,n,r=0){if(!e||e<=0||!t||t<=0)return n;let i=typeof r==`number`&&r>0?r:0,a=e-Math.max(0,t-1)*i;return!a||a<=0?n:a/t}function Ln(e,t){let n=Pn(e);return n.height/n.width*t}function Rn(e,t){let n=Array.from({length:t.columnCount},()=>0),r=Array(e.length),i=Array(e.length),a=new Map,o=new Map,s=0;for(let c=0;c<e.length;c+=1){let l=e[c];o.set(M(l),c);let u=0;for(let e=1;e<n.length;e+=1)n[e]<n[u]&&(u=e);let d=u*(t.columnWidth+t.gapX),f=n[u],p=Ln(l,t.columnWidth);r[c]={x:d,y:f},i[c]=p,n[u]=f+p+t.gapY,s=Math.max(s,f+p);let m=Math.floor(f/t.bucketPx),h=Math.floor((f+p)/t.bucketPx);for(let e=m;e<=h;e+=1){let t=a.get(e);t?t.push(c):a.set(e,[c])}}return{positions:r,heights:i,buckets:a,contentHeight:s,indexById:o}}function zn(e){if(e.itemCount<=0)return[];if(e.viewportHeight<=0)return Array.from({length:e.itemCount},(e,t)=>t);let t=Math.max(0,e.scrollTop-e.overscanPx),n=e.scrollTop+e.viewportHeight+e.overscanPx,r=Math.floor(t/e.bucketPx),i=Math.floor(n/e.bucketPx),a=new Set;for(let t=r;t<=i;t+=1){let n=e.buckets.get(t);if(n)for(let e of n)a.add(e)}return Array.from(a).sort((e,t)=>e-t)}function Bn(e,t,n){let r=new Map;for(let i of e){let e=t.get(M(i));if(e==null)continue;let a=n[e];a&&r.set(M(i),a)}return r}function Vn(e){return typeof e==`number`&&Number.isFinite(e)&&e>0}function Hn(e,t,n){return e.type!==`image`||n/t>=Nn?{width:t,height:n}:{width:t,height:t}}var Un=300,Wn=600,Gn=40,Kn=300,qn=400;function Jn(e,t){return t===`top`?[...e].reverse():e}function Yn(e){return e<=0?Wn:Wn+Math.min((e-1)*Gn,qn)}function Xn(){return Kn}function Zn(e){let t=e.itemHeight>0?e.itemHeight:e.columnWidth;return e.direction===`top`?e.scrollTop-t:e.scrollTop+e.viewportHeight+t}function Qn(t){let n=(0,e.ref)(new Set),r=(0,e.ref)(new Set),i=(0,e.ref)(new Map),a=(0,e.ref)(new Map),o=(0,e.ref)(new Map),s=(0,e.ref)(new Set),c=(0,e.ref)(new Map),l=(0,e.ref)(new Map),u=(0,e.ref)(new Set),d=new Set,f=new Set,p=(0,e.computed)(()=>Array.from(o.value.values()));(0,e.watch)(t.visibleIndices,e=>{if(!e.length)return;let o=[];for(let r of e){let e=t.items.value[r]?M(t.items.value[r]):null;!e||!n.value.has(e)||d.has(e)||(d.add(e),o.push(e))}if(!o.length)return;let s=Jn(o,a.value.get(o[0])??`bottom`),c=new Map(i.value);for(let e=0;e<s.length;e+=1)c.set(s[e],Math.min(e*Gn,qn));i.value=c,$n(()=>{let e=new Set(r.value);for(let t of o)e.add(t);r.value=e}),er(()=>{let e=new Set(n.value);for(let t of o)e.delete(t);n.value=e,x(()=>{let e=new Set(r.value),t=new Map(i.value),n=new Map(a.value);for(let r of o)e.delete(r),t.delete(r),n.delete(r),d.delete(r);r.value=e,i.value=t,a.value=n},Yn(o.length))})},{flush:`post`}),(0,e.watch)(()=>t.items.value.map(e=>M(e)),e=>{if(!e.length||!o.value.size)return;let t=new Set(e),n=null,r=null;for(let e of o.value.keys())t.has(e)&&(n||=new Map(o.value),r||=new Set(s.value),n.delete(e),r.delete(e));n&&(o.value=n),r&&(s.value=r)}),(0,e.onBeforeUnmount)(()=>{for(let e of f)clearTimeout(e);f.clear()});function m(e,t=`bottom`){if(!e.length)return;let r=new Set(n.value),i=new Map(a.value);for(let n of e){let e=M(n);r.add(e),i.set(e,t)}n.value=r,a.value=i}function h(e){if(!e.length)return;let t=new Map(o.value),c=new Set(n.value),l=new Set(r.value),u=new Map(i.value),f=new Map(a.value),p=[];for(let n of e){let e=M(n.item);p.push(e),t.set(e,n),c.delete(e),l.delete(e),u.delete(e),f.delete(e),d.delete(e)}o.value=t,n.value=c,r.value=l,i.value=u,a.value=f,$n(()=>{let e=new Set(s.value);for(let t of p)e.add(t);s.value=e}),x(()=>{let e=new Map(o.value),t=new Set(s.value);for(let n of p)e.delete(n),t.delete(n);o.value=e,s.value=t},Kn)}function g(e,n,r=Un){if(!e.size)return;let i=new Map,a=[];for(let[r,o]of e.entries()){if(n?.has(r))continue;let e=t.indexById.value.get(r);if(e==null)continue;let s=t.positions.value[e];if(!s)continue;let c=o.x-s.x,l=o.y-s.y;!c&&!l||(i.set(r,{dx:c,dy:l}),a.push(r))}if(!i.size)return;c.value=i,u.value=new Set;let o=new Map(l.value);for(let e of a)o.set(e,r);l.value=o,$n(()=>{u.value=new Set(a),$n(()=>{c.value=new Map})}),x(()=>{u.value=new Set;let e=new Map(l.value);for(let t of a)e.delete(t);l.value=e},r)}function _(e){if(r.value.has(e))return`transform ${Wn}ms ease-out`;if(u.value.has(e))return`transform ${l.value.get(e)??Un}ms ease-out`}function v(e){if(!r.value.has(e))return;let t=i.value.get(e)??0;return t>0?`${t}ms`:void 0}function y(e){let r=t.items.value[e],i=t.positions.value[e]??{x:0,y:0},o=t.heights.value[e]??t.columnWidth.value,s=r?M(r):null,l=s?c.value.get(s)??{dx:0,dy:0}:{dx:0,dy:0},u=s?a.value.get(s)??`bottom`:`bottom`,d=s&&n.value.has(s)?Zn({columnWidth:t.columnWidth.value,direction:u,itemHeight:o,scrollTop:t.scrollTop.value,viewportHeight:t.viewportHeight.value}):i.y;return`translate3d(${i.x+l.dx}px, ${d+l.dy}px, 0)`}function b(e){let n=M(e),r=o.value.get(n);if(!r)return{opacity:`0`,transform:`translate3d(0, 0, 0) scale(0.96)`,transition:`opacity ${Kn}ms ease-out, transform ${Kn}ms ease-out`};let i=s.value.has(n);return{height:`${r.height}px`,opacity:i?`0`:`1`,transform:`translate3d(${r.position.x}px, ${r.position.y}px, 0) scale(${i?`0.96`:`1`})`,transition:`opacity ${Kn}ms ease-out, transform ${Kn}ms ease-out`,width:`${t.columnWidth.value}px`}}function x(e,t){let n=setTimeout(()=>{f.delete(n),e()},t);f.add(n)}return{getCardTransform:y,getCardTransition:_,getCardTransitionDelay:v,getLeavingCardStyle:b,leavingItems:p,markEnter:m,markLeave:h,playFlipMoveAnimation:g}}function $n(e){if(typeof requestAnimationFrame==`function`){requestAnimationFrame(()=>e());return}setTimeout(e,0)}function er(e){$n(()=>$n(e))}function tr(e,t){return e?.clientHeight||Math.round(e?.getBoundingClientRect().height??0)||t||window.innerHeight||1}function nr(e,t,n){return e?.clientWidth||Math.round(e?.getBoundingClientRect().width??0)||t||window.innerWidth||n}function rr(e,t,n,r){return(e?.scrollHeight??r)-(t+n)}function ir(e,t){return{height:`${e}px`,transform:`translate3d(0, ${t}px, 0)`}}var ar=250,or=1e3;function sr(t){let n=(0,e.ref)(!1),r=(0,e.ref)(!1),i=(0,e.ref)(0),a=(0,e.ref)(0),o=(0,e.ref)(!1),s=(0,e.ref)(!1),c=0,l=null;(0,e.onBeforeUnmount)(()=>{b()});function u(){let e=n.value;if(n.value=t.isAtBoundary(),!n.value){!o.value&&!s.value&&(r.value=!0);return}!e&&r.value&&h()}function d(e){if(!x(e)||!t.isAtBoundary())return;let n=Date.now();n<c||(c=n+ar,h())}function f(){if(!_())return;let e=t.requestPage.value;if(typeof e!=`function`)return;a.value=i.value,r.value=!1,o.value=!0,s.value=!0;let n;try{n=e()}catch{v();return}Promise.resolve(n).catch(()=>{}).finally(()=>{!t.loading.value&&s.value&&v()})}function p(e){!e&&s.value&&v()}function m(e){!s.value||e<=0||(s.value=!1,y(t.getAnimationLockMs(e)))}function h(){g()&&(i.value+=1)}function g(){return t.hasPage.value&&!t.interactionLocked?.value&&!t.loading.value&&!o.value&&typeof t.requestPage.value==`function`}function _(){return t.hasPage.value&&n.value&&i.value>a.value&&!t.interactionLocked?.value&&!t.loading.value&&!o.value&&typeof t.requestPage.value==`function`}function v(){s.value=!1,y(or)}function y(e){b(),o.value=!0,l=setTimeout(()=>{l=null,o.value=!1},Math.max(0,e))}function b(){l&&=(clearTimeout(l),null)}function x(e){return t.direction===`top`?e.deltaY<0:e.deltaY>0}return{maybeRequestPage:f,onItemsMutated:m,onLoadingChange:p,onWheel:d,syncBoundary:u}}var cr=600,Q=24,$=16,lr=300,ur=200,dr=200,fr=Q+$,pr=200,mr=300,hr=24,gr=48,_r=500,vr=1e3;function yr(t){let n=(0,e.ref)(null),r=(0,e.ref)(0),i=(0,e.ref)(typeof window>`u`?0:window.innerHeight||0),a=(0,e.ref)(typeof window>`u`?0:window.innerWidth||lr),o=(0,e.ref)([]),s=(0,e.ref)([]),c=(0,e.ref)(new Map),l=(0,e.ref)(0),u=(0,e.ref)(new Map),d=(0,e.ref)(null),f=(0,e.ref)(null),p=(0,e.ref)(!1),m=(0,e.computed)(()=>Math.max(lr,a.value-Q*2)),h=(0,e.computed)(()=>Fn(m.value,lr)),g=(0,e.computed)(()=>In(m.value,h.value,lr,$)),_=(0,e.computed)(()=>br(t.activeIndex.value,0,Math.max(0,t.items.value.length-1))),v=(0,e.computed)(()=>zn({itemCount:t.items.value.length,viewportHeight:i.value,scrollTop:r.value,overscanPx:ur,bucketPx:cr,buckets:c.value})),y=(0,e.computed)(()=>v.value.map(e=>({item:t.items.value[e],index:e}))),b=(0,e.computed)(()=>{let e=l.value+Q*2,t=d.value??0;return Math.max(e,t,i.value)+pr}),x=(0,e.computed)(()=>t.hasNextPage.value||t.allowExhaustedNextPageRefresh.value),S=(0,e.computed)(()=>Sr({active:t.active.value,maxScrollTop:ne(),progressDistancePx:r.value,thresholdPx:dr,triggerEnabled:x.value})),C=(0,e.computed)(()=>t.items.value.length>0?`${_.value+1} / ${t.items.value.length}`:`0 / 0`),w=(0,e.computed)(()=>xr({active:t.active.value,maxScrollTop:ne(),progressDistancePx:r.value,thresholdPx:fr,triggerEnabled:t.hasPreviousPage.value})),T=(0,e.computed)(()=>Math.max(0,i.value-hr*2)),E=(0,e.computed)(()=>b.value>i.value+1&&T.value>0),D=(0,e.computed)(()=>{if(!E.value)return 0;let e=i.value/b.value*T.value;return Math.min(T.value,Math.max(gr,e))}),O=(0,e.computed)(()=>{if(!E.value)return hr;let e=Math.max(0,b.value-i.value);return hr+Math.max(0,T.value-D.value)*(e>0?br(r.value/e,0,1):0)}),k=Qn({items:t.items,visibleIndices:v,positions:o,heights:s,indexById:u,columnWidth:g,scrollTop:r,viewportHeight:i}),A=sr({direction:`top`,getAnimationLockMs(e){return Math.max(_r,Yn(e))+vr},hasPage:t.hasPreviousPage,interactionLocked:p,isAtBoundary(){return r.value<=fr},loading:t.loading,requestPage:t.requestPreviousPage}),j=sr({direction:`bottom`,getAnimationLockMs(e){return Yn(e)+vr},hasPage:x,interactionLocked:p,isAtBoundary(){return te()<=dr},loading:t.loading,requestPage:t.requestNextPage}),N=null,P=0,F=null,I=null,L=!1;(0,e.watch)([()=>t.items.value,h,g],async([n],[i=[]])=>{let a=n.map(e=>M(e)),s=i??[],c=s.map(e=>M(e)),l=Bn(s,u.value,o.value),d=ae(s),f=new Set(c),p=new Set(a),m=n.filter(e=>!f.has(M(e))),h=s.flatMap(e=>{let t=M(e);if(p.has(t))return[];let n=l.get(t),r=d.get(t);return!n||r==null?[]:[{height:r,item:e,position:n}]}),g=a.length>c.length&&c.length>0&&a[0]!==c[0],v=n.length===0&&s.length>0&&h.length>0&&r.value>0,y=h.length>0&&r.value>Q+$,b=g&&r.value>Q+$?n[_.value]:null,x=b?M(b):null;y&&G(Xn()+vr),v&&W(),R(),h.length>0&&k.markLeave(h),m.length>0&&(k.markEnter(m,g?`top`:`bottom`),g?A.onItemsMutated(m.length):j.onItemsMutated(m.length)),k.playFlipMoveAnimation(l,new Set(m.map(e=>M(e))),g?_r:void 0),x?(await(0,e.nextTick)(),U(x,l)):t.active.value&&c.length>0&&q()},{immediate:!0}),(0,e.watch)([()=>t.pendingAppendItems.value.map(e=>M(e)),h,g,i],([e])=>{se(),e.length&&(d.value=ie([...t.items.value,...t.pendingAppendItems.value]),oe())},{immediate:!0}),(0,e.watch)(()=>t.active.value,async(t,a)=>{let o=n.value;if(!o)return;if(!t){f.value=o.scrollTop;return}if(a!==!1||f.value==null)return;await(0,e.nextTick)();let s=Math.max(0,b.value-i.value),c=br(f.value,0,s);o.scrollTop=c,r.value=c,A.syncBoundary(),j.syncBoundary()}),(0,e.watch)(()=>t.loading.value,async n=>{!n&&!t.pendingAppendItems.value.length&&!F&&!L&&(d.value=null),A.onLoadingChange(n),j.onLoadingChange(n),await(0,e.nextTick)()}),(0,e.onMounted)(async()=>{Y(),await(0,e.nextTick)(),_.value>0?H(_.value,`center`):K(),A.syncBoundary(),j.syncBoundary(),typeof ResizeObserver<`u`?(N=new ResizeObserver(()=>{Y()}),n.value&&N.observe(n.value)):window.addEventListener(`resize`,Y)}),(0,e.onBeforeUnmount)(()=>{N?.disconnect(),N=null,window.removeEventListener(`resize`,Y),se(),ce(),P&&=(cancelAnimationFrame(P),0)});function R(){let e=Rn(t.items.value,{columnCount:h.value,columnWidth:g.value,gapX:$,gapY:$,bucketPx:cr});o.value=e.positions.map(e=>({x:e.x+Q,y:e.y+Q})),s.value=e.heights,c.value=e.buckets,l.value=e.contentHeight,u.value=e.indexById}function z(){t.active.value&&(r.value=n.value?.scrollTop??0,i.value=X(),A.syncBoundary(),j.syncBoundary(),J(),!q()&&(P||=requestAnimationFrame(()=>{P=0,K()})))}function B(e){t.active.value&&(A.onWheel(e),j.onWheel(e),J())}function V(e){let n=t.items.value[e],r=n?M(n):``;return{height:`${s.value[e]??g.value}px`,width:`${g.value}px`,transition:r?k.getCardTransition(r):void 0,transitionDelay:r?k.getCardTransitionDelay(r):void 0,transform:k.getCardTransform(e)}}function H(e,t){let a=n.value,c=o.value[e],l=s.value[e];if(!a||!c||!l)return;let u=a.scrollTop,d=Math.max(0,b.value-i.value);t===`center`?u=c.y-(i.value-l)/2:c.y<a.scrollTop?u=c.y-Q:c.y+l>a.scrollTop+i.value&&(u=c.y+l-i.value+Q),a.scrollTop=br(u,0,d),r.value=a.scrollTop,K()}function U(e,t){let i=n.value,a=t.get(e),s=u.value.get(e),c=s==null?null:o.value[s];if(!i||!a||!c)return;let l=c.y-a.y;i.scrollTop+=l,r.value=i.scrollTop}function W(){let e=n.value;if(!e){r.value=0;return}e.scrollTop=0,r.value=0,A.syncBoundary(),j.syncBoundary()}function G(e){ce(),p.value=!0,I=setTimeout(()=>{I=null,p.value=!1},Math.max(0,e))}function K(){if(!v.value.length||q())return;let e=r.value+i.value/2,n=_.value,a=1/0;for(let t of v.value){let r=o.value[t],i=s.value[t];if(!r||!i)continue;let c=r.y+i/2,l=Math.abs(c-e);l<a&&(a=l,n=t)}t.setActiveIndex(n)}function q(){let e=r.value<=fr,n=te()<=dr;return e?(t.setActiveIndex(0),!0):n?(t.setActiveIndex(Math.max(0,t.items.value.length-1)),!0):!1}function J(){A.maybeRequestPage(),j.maybeRequestPage()}function Y(){i.value=X(),a.value=ee()}function X(){return tr(n.value,i.value)}function ee(){return nr(n.value,a.value,lr)}function te(){return rr(n.value,r.value,i.value,b.value)}function ne(){let e=Math.max(n.value?.scrollHeight??0,b.value);return Math.max(0,e-i.value)}function re(){return ir(D.value,O.value)}function ie(e){return e.length?Rn(e,{columnCount:h.value,columnWidth:g.value,gapX:$,gapY:$,bucketPx:cr}).contentHeight+Q*2:0}function ae(e){let t=new Map;for(let n of e){let e=M(n),r=u.value.get(e);if(r==null)continue;let i=s.value[r];i!=null&&t.set(e,i)}return t}function oe(){let n=t.commitPendingAppend.value;typeof n==`function`&&(F=setTimeout(async()=>{F=null,L=!0;try{if(!t.pendingAppendItems.value.length)return;await n(),await(0,e.nextTick)(),await(0,e.nextTick)()}finally{d.value=null,L=!1}},mr))}function se(){F&&=(clearTimeout(F),null)}function ce(){I&&(clearTimeout(I),I=null,p.value=!1)}return{columnWidth:g,containerHeight:b,getCardStyle:V,getLeavingCardStyle:k.getLeavingCardStyle,getScrollbarThumbStyle:re,leavingItems:k.leavingItems,nextBoundaryLoadProgress:S,onScroll:z,onWheel:B,paginationLabel:C,previousBoundaryLoadProgress:w,renderedItems:y,resolvedActiveIndex:_,scrollToIndex:H,showScrollbar:E,scrollViewportRef:n}}function br(e,t,n){return Math.min(Math.max(e,t),n)}function xr(e){if(!e.active||!e.triggerEnabled)return 0;let t=Math.max(0,e.maxScrollTop-e.thresholdPx);return t<=0?1:br(1-(e.progressDistancePx-e.thresholdPx)/t,0,1)}function Sr(e){if(!e.active||!e.triggerEnabled)return 0;let t=Math.max(0,e.maxScrollTop-e.thresholdPx);return t<=0?1:br(e.progressDistancePx/t,0,1)}function Cr(e){if(e)try{e.removeAttribute(`src`),e.src=``}catch{}}function wr(e){if(e){try{e.currentTime=0}catch{}e.pause();try{e.removeAttribute(`src`),e.load()}catch{}}}function Tr(e,t){if(t)return e.bottom>t.top&&e.top<t.bottom;let n=window.innerHeight||document.documentElement.clientHeight||0;return e.bottom>0&&e.top<n}function Er(e){if(!e)return null;try{return new URL(e,window.location.href).href}catch{return e}}var Dr=/\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i,Or=/\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i,kr=/^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;function Ar(e){let t=jr(e),n=t?.url,r=Pn(e),i=e.title?.trim()||Ye(e.type);return t?.mediaType===`video`&&typeof n==`string`?{kind:`video`,url:n,width:r.width,height:r.height,label:i}:t?.mediaType===`image`&&typeof n==`string`?{kind:`image`,url:n,width:r.width,height:r.height,label:i}:e.type!==`image`&&e.type!==`video`?{kind:`fallback`,url:null,width:r.width,height:r.height,label:i}:typeof n==`string`&&Nr(e,n)?{kind:`video`,url:n,width:r.width,height:r.height,label:i}:typeof n==`string`&&Mr(e,n)?{kind:`image`,url:n,width:r.width,height:r.height,label:i}:{kind:`fallback`,url:null,width:r.width,height:r.height,label:i}}function jr(e){return e.preview?.url?e.preview:typeof e.url!=`string`||e.url.trim()===``?null:{url:e.url}}function Mr(e,t){return e.type!==`image`||typeof t!=`string`?!1:Dr.test(t)||Pr(t)}function Nr(e,t){return e.type!==`video`||typeof t!=`string`?!1:Or.test(t)||Fr(t)}function Pr(e){return/^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e)}function Fr(e){return kr.test(e)||/^blob:/i.test(e)||/^data:video\//i.test(e)}function Ir(t){let n=(0,e.ref)(null),r=(0,e.computed)(()=>{let e=typeof t.item.value.healthCheck?.url==`string`?Er(t.item.value.healthCheck.url):null;return!e||e===t.attachedAssetUrl.value?null:e}),i=null,a=0,o=new Map;(0,e.watch)(r,(e,t)=>{e!==t&&(n.value=null,l(),a+=1)}),(0,e.watch)([r,t.surfaceActive,t.isInView,t.isReady,t.loadErrorKind],()=>{s()});function s(){let e=r.value;if(!e){l();return}if(!t.surfaceActive.value||!t.isInView.value||!t.isReady.value||t.loadErrorKind.value){l();return}if(o.has(e)){n.value=o.get(e)??null;return}if(i){i.refresh();return}i=Qe.request({assetType:`probe`,getPriority:t.getPriority,onGrant(){let e=r.value;if(!e){l();return}let i=++a;Et(e).then(s=>{if(!(i!==a||r.value!==e)){if(o.set(e,s??null),!s){n.value=null;return}n.value=s,t.reportAssetError?.({item:t.item.value,occurrenceKey:M(t.item.value),url:e,kind:s,surface:`grid`})}}).finally(()=>{i===a&&l()})},url:e})}function c(){let e=r.value;return!n.value||!e?!1:(o.delete(e),n.value=null,l(),s(),!0)}function l(){i?.release(),i=null}return{errorKind:n,release:l,retry:c}}var Lr=[`aria-label`],Rr={key:0,"data-testid":`vibe-list-card-spinner`,class:`pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18`},zr={class:`inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]`},Br=[`src`,`alt`],Vr=[`src`],Hr=[`data-kind`],Ur={class:`grid justify-items-center gap-3 px-4 text-center`},Wr={class:`text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72`},Gr={key:4,class:`grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.08),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]`},Kr={class:`inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20`},qr={class:`pointer-events-none absolute inset-0 z-[3]`},Jr=(0,e.defineComponent)({__name:`ListCard`,props:{active:{type:Boolean,default:!1},index:{default:0},item:{},reportAssetError:{type:[Function,null],default:null},reportAssetLoad:{type:[Function,null],default:null},surfaceActive:{type:Boolean,default:!0}},emits:[`open`],setup(t,{emit:n}){let r=t,i=n,a=(0,e.computed)(()=>Ar(r.item)),o=(0,e.ref)(!1),s=(0,e.ref)(!1),c=(0,e.ref)(!1),l=(0,e.ref)(a.value.kind===`fallback`),u=(0,e.ref)(!1),d=(0,e.ref)(null),f=(0,e.ref)(null),p=(0,e.ref)(null),m=(0,e.ref)(null),g=(0,e.ref)(null),_=(0,e.ref)(a.value.kind===`fallback`),y=(0,e.computed)(()=>_.value?r.surfaceActive?o.value?a.value.url:null:a.value.url:null),b=(0,e.computed)(()=>r.surfaceActive&&o.value&&(a.value.kind===`image`||a.value.kind===`video`)&&!!a.value.url),x=(0,e.computed)(()=>a.value.kind===`image`&&!!y.value),S=(0,e.computed)(()=>a.value.kind===`video`&&!!y.value),C=Ir({attachedAssetUrl:y,getPriority:G,isInView:o,isReady:l,item:(0,e.computed)(()=>r.item),loadErrorKind:d,reportAssetError:r.reportAssetError,surfaceActive:(0,e.computed)(()=>r.surfaceActive)}),w=(0,e.computed)(()=>C.errorKind.value??d.value),T=(0,e.computed)(()=>!!w.value),E=(0,e.computed)(()=>wt(w.value)),D=(0,e.computed)(()=>b.value&&!d.value&&(!_.value||!l.value)),O=null,k=null,A=new Set;(0,e.watch)([y,()=>a.value.kind],()=>{let e=a.value.kind===`fallback`;l.value=e,u.value=!1,d.value=null,e&&(_.value=!0)}),(0,e.watch)(b,()=>{I()}),(0,e.watch)([o,l,y],()=>{L()}),(0,e.watch)(()=>r.surfaceActive,e=>{if(!e){z(),L();return}requestAnimationFrame(()=>{B(),I(),L()})}),(0,e.onMounted)(()=>{if(!p.value||typeof IntersectionObserver>`u`){m.value=null,o.value=!0,I();return}m.value=p.value.closest(`[data-testid="vibe-list-scroll"]`),O=new IntersectionObserver(e=>{for(let t of e)t.target===p.value&&(r.surfaceActive&&B(t),I(),L())},{root:m.value,threshold:[0,1]}),O.observe(p.value)}),(0,e.onBeforeUnmount)(()=>{R(),C.release(),O?.disconnect(),O=null});function j(){K(f.value)&&(l.value=!0,d.value=null,V(y.value??r.item.url),z())}async function N(){if(!K(f.value))return;let e=y.value??r.item.url;l.value=!1,d.value=`generic`;let t=await Tt(e);d.value=t,r.reportAssetError?.({item:r.item,occurrenceKey:M(r.item),url:e,kind:t,surface:`grid`}),z()}function P(){K(g.value)&&(u.value=!0,l.value=!0,d.value=null,V(y.value??r.item.url),z(),L())}function F(){K(g.value)&&(u.value||(l.value=!1))}function I(){if(a.value.kind===`fallback`){R(!1);return}if(!r.surfaceActive){z();return}if(!b.value){R();return}if(_.value||k){k?.refresh();return}k=Qe.request({assetType:a.value.kind,getPriority:G,onGrant(){_.value=!0,l.value=!1,d.value=null},url:a.value.url??r.item.url})}function L(){let e=g.value;if(!(!e||a.value.kind!==`video`)){if(w.value){e.pause();return}if(y.value&&o.value&&l.value){e.muted=!0,e.loop=!0,e.playsInline=!0,kt(e);return}try{e.currentTime=0}catch{}e.pause()}}function R(e=!0){_.value=a.value.kind===`fallback`,d.value=null,l.value=a.value.kind===`fallback`,e&&(U(),W()),z()}function z(){k?.release(),k=null}function B(e){let t=p.value;if(!t){o.value=!0;return}o.value=Tr(e?.boundingClientRect??t.getBoundingClientRect(),e?.rootBounds??m.value?.getBoundingClientRect()??null)}function V(e){if(!e)return;let t=M(r.item),n=`${t}|${e}`;A.has(n)||(A.add(n),r.reportAssetLoad?.({item:r.item,occurrenceKey:t,surface:`grid`,url:e}))}function H(){if(!E.value||C.retry())return;let e=M(r.item);A.forEach(t=>{t.startsWith(`${e}|`)&&A.delete(t)}),d.value=null,l.value=!1,_.value=!1,z(),I()}function U(){Cr(f.value)}function W(){wr(g.value)}function G(){let e=p.value;if(!e)return 1/0;let t=e.getBoundingClientRect();if(m.value){let e=m.value.getBoundingClientRect(),n=e.top+e.height/2;return Math.abs((t.top+t.bottom)/2-n)}let n=window.innerHeight/2;return Math.abs((t.top+t.bottom)/2-n)}function K(e){let t=Er(y.value);return!e||!t?!1:Er(`currentSrc`in e&&e.currentSrc||e.getAttribute(`src`))===t}function q(){i(`open`)}function J(){s.value=!0}function Y(e){let t=e.relatedTarget;p.value&&t instanceof Node&&p.value.contains(t)||(s.value=!1)}return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`rootRef`,ref:p,"data-testid":`vibe-list-card-inner`,class:(0,e.normalizeClass)([`group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300`,r.active?`border-white/28`:`border-white/12 hover:border-white/24`]),onFocusin:J,onFocusout:Y,onPointerenter:n[0]||=e=>c.value=!0,onPointerleave:n[1]||=e=>c.value=!1},[(0,e.createElementVNode)(`button`,{type:`button`,"data-testid":`vibe-list-card-open`,class:`absolute inset-0 z-[1] block h-full w-full cursor-pointer text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]`,"aria-label":r.item.title||`Open item ${r.index+1}`,onClick:q},null,8,Lr),D.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Rr,[(0,e.createElementVNode)(`span`,zr,[(0,e.createVNode)((0,e.unref)(h),{class:`h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78`,"aria-hidden":`true`})])])):(0,e.createCommentVNode)(``,!0),x.value&&y.value&&!T.value?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:1,ref_key:`imageRef`,ref:f,src:y.value,alt:a.value.label,draggable:`false`,class:(0,e.normalizeClass)([`block h-full w-full object-cover transition-opacity duration-300`,l.value?`pointer-events-none opacity-100`:`pointer-events-none opacity-0`]),onLoad:j,onError:N},null,42,Br)):S.value&&y.value&&!T.value?((0,e.openBlock)(),(0,e.createElementBlock)(`video`,{key:2,ref_key:`videoRef`,ref:g,src:y.value,muted:``,loop:``,playsinline:``,preload:`metadata`,class:(0,e.normalizeClass)([`block h-full w-full object-cover transition-opacity duration-300`,l.value?`pointer-events-none opacity-100`:`pointer-events-none opacity-0`]),onCanplay:P,onError:N,onLoadstart:F,onPlaying:P,onStalled:F,onWaiting:F},null,42,Vr)):T.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:3,"data-testid":`vibe-list-card-error`,"data-kind":w.value,class:`pointer-events-none relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]`},[(0,e.createElementVNode)(`div`,Ur,[(0,e.createVNode)((0,e.unref)(v),{class:`h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78`,"aria-hidden":`true`}),(0,e.createElementVNode)(`span`,Wr,(0,e.toDisplayString)((0,e.unref)(Ct)(w.value)),1),E.value?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50`,onClick:(0,e.withModifiers)(H,[`stop`])},` Retry `)):(0,e.createCommentVNode)(``,!0)])],8,Hr)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Gr,[(0,e.createElementVNode)(`div`,Kr,[(0,e.renderSlot)(t.$slots,`item-icon`,{icon:(0,e.unref)(Je)(r.item.type),item:r.item},()=>[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(Je)(r.item.type)),{class:`h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78`,"aria-hidden":`true`}))])])])),(0,e.createElementVNode)(`div`,qr,[(0,e.renderSlot)(t.$slots,`grid-item-overlay`,{active:r.active,focused:s.value,hovered:c.value,index:r.index,item:r.item,openFullscreen:q})])],34))}}),Yr={class:`relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]`},Xr={class:`pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6`},Zr={"data-testid":`vibe-pagination`,class:`inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]`},Qr={class:`whitespace-nowrap`},$r={key:0,class:`whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3`},ei=[`data-active`,`data-index`,`data-item-id`,`data-occurrence-key`],ti=[`data-item-id`],ni={key:0,class:`pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block`},ri={key:1,class:`pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6`},ii={class:`mx-auto flex w-full justify-center`},ai=(0,e.defineComponent)({__name:`ListSurface`,props:{active:{type:Boolean,default:!0},activeIndex:{default:0},allowExhaustedNextPageRefresh:{type:Boolean,default:!1},commitPendingAppend:{type:[Function,null],default:null},emptyStateMode:{default:`inline`},errorMessage:{default:null},hasNextPage:{type:Boolean,default:!1},hasPreviousPage:{type:Boolean,default:!1},items:{},loading:{type:Boolean,default:!1},pendingAppendItems:{default:()=>[]},paginationDetail:{default:null},phase:{default:null},reportAssetError:{type:[Function,null],default:null},reportAssetLoad:{type:[Function,null],default:null},requestNextPage:{type:[Function,null],default:null},requestPreviousPage:{type:[Function,null],default:null},showStatusBadges:{type:Boolean,default:!0}},emits:[`boundary-load-progress`,`open-fullscreen`,`update:activeIndex`],setup(t,{emit:n}){let r=t,i=(0,e.useSlots)(),a=n,o=yr({active:(0,e.toRef)(r,`active`),allowExhaustedNextPageRefresh:(0,e.toRef)(r,`allowExhaustedNextPageRefresh`),items:(0,e.toRef)(r,`items`),activeIndex:(0,e.toRef)(r,`activeIndex`),loading:(0,e.toRef)(r,`loading`),hasNextPage:(0,e.toRef)(r,`hasNextPage`),hasPreviousPage:(0,e.toRef)(r,`hasPreviousPage`),paginationDetail:(0,e.toRef)(r,`paginationDetail`),pendingAppendItems:(0,e.toRef)(r,`pendingAppendItems`),commitPendingAppend:(0,e.toRef)(r,`commitPendingAppend`),requestNextPage:(0,e.toRef)(r,`requestNextPage`),requestPreviousPage:(0,e.toRef)(r,`requestPreviousPage`),setActiveIndex(e){a(`update:activeIndex`,e)}}),s=(0,e.computed)(()=>mt({itemCount:r.items.length,loading:r.loading,phase:r.phase})),c=(0,e.computed)(()=>ht({errorMessage:r.errorMessage,hasItems:r.items.length>0,hasNextPage:r.hasNextPage,phase:s.value,surface:`grid`})),l=(0,e.computed)(()=>!r.showStatusBadges||!c.value?null:{activeIndex:o.resolvedActiveIndex.value,kind:c.value.kind,loading:r.loading,message:c.value.message,paginationDetail:r.paginationDetail,total:r.items.length}),u=(0,e.computed)(()=>!l.value||!i[`grid-status`]?[]:i[`grid-status`](l.value)),d=(0,e.computed)(()=>lt(u.value)),f=(0,e.computed)(()=>r.items.length+o.leavingItems.value.length),{emptyStateProps:p,showBadgeEmptyState:m,showCustomEmptyState:h,showInlineEmptyState:g}=ft({emptyStateMode:(0,e.toRef)(r,`emptyStateMode`),itemCount:f,loading:(0,e.toRef)(r,`loading`),renderSlot:i[`empty-state`],surface:`grid`});return(0,e.watch)([o.nextBoundaryLoadProgress,o.previousBoundaryLoadProgress],([e,t])=>{a(`boundary-load-progress`,{nextBoundaryLoadProgress:e,previousBoundaryLoadProgress:t})},{immediate:!0}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,Yr,[(0,e.createElementVNode)(`div`,Xr,[(0,e.createElementVNode)(`span`,Zr,[(0,e.createElementVNode)(`span`,Qr,(0,e.toDisplayString)((0,e.unref)(o).paginationLabel.value),1),r.paginationDetail?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,$r,(0,e.toDisplayString)(r.paginationDetail),1)):(0,e.createCommentVNode)(``,!0)])]),(0,e.createElementVNode)(`div`,{ref:(0,e.unref)(o).scrollViewportRef,"data-testid":`vibe-list-scroll`,class:`h-full min-h-0 overflow-y-auto overflow-x-hidden [overflow-anchor:none] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden`,onScroll:n[0]||=(...t)=>(0,e.unref)(o).onScroll&&(0,e.unref)(o).onScroll(...t),onWheel:n[1]||=(...t)=>(0,e.unref)(o).onWheel&&(0,e.unref)(o).onWheel(...t)},[(0,e.createElementVNode)(`div`,{"data-testid":`vibe-list-content`,class:`relative`,style:(0,e.normalizeStyle)({height:`${(0,e.unref)(o).containerHeight.value}px`})},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(o).renderedItems.value,({item:n,index:s})=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{key:(0,e.unref)(M)(n),"data-testid":`vibe-list-card`,"data-active":s===(0,e.unref)(o).resolvedActiveIndex.value?`true`:`false`,"data-index":s,"data-item-id":n.id,"data-occurrence-key":(0,e.unref)(M)(n),class:`absolute will-change-transform`,style:(0,e.normalizeStyle)((0,e.unref)(o).getCardStyle(s))},[(0,e.createVNode)(Jr,{active:s===(0,e.unref)(o).resolvedActiveIndex.value,index:s,item:n,"report-asset-error":r.reportAssetError,"report-asset-load":r.reportAssetLoad,"surface-active":r.active,onOpen:e=>a(`open-fullscreen`,s)},(0,e.createSlots)({_:2},[i[`grid-item-overlay`]?{name:`grid-item-overlay`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`grid-item-overlay`,(0,e.mergeProps)({ref_for:!0},n))]),key:`0`}:void 0,i[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.mergeProps)({ref_for:!0},n))]),key:`1`}:void 0]),1032,[`active`,`index`,`item`,`report-asset-error`,`report-asset-load`,`surface-active`,`onOpen`])],12,ei))),128)),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(o).leavingItems.value,n=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{key:`leaving-${(0,e.unref)(M)(n.item)}`,"data-testid":`vibe-list-card-leaving`,"data-item-id":n.item.id,class:`pointer-events-none absolute z-[2] will-change-[opacity,transform]`,style:(0,e.normalizeStyle)((0,e.unref)(o).getLeavingCardStyle(n.item))},[(0,e.createVNode)(Jr,{active:!1,index:-1,item:n.item,"report-asset-error":r.reportAssetError,"report-asset-load":r.reportAssetLoad,"surface-active":!1},(0,e.createSlots)({_:2},[i[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.mergeProps)({ref_for:!0},n))]),key:`0`}:void 0]),1032,[`item`,`report-asset-error`,`report-asset-load`])],12,ti))),128)),(0,e.unref)(g)&&(0,e.unref)(p)?((0,e.openBlock)(),(0,e.createBlock)(Jt,{key:0,message:(0,e.unref)(p).message,mode:(0,e.unref)(p).mode,surface:(0,e.unref)(p).surface},{default:(0,e.withCtx)(()=>[(0,e.unref)(h)?(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(p)))):(0,e.createCommentVNode)(``,!0)]),_:3},8,[`message`,`mode`,`surface`])):(0,e.createCommentVNode)(``,!0)],4)],544),(0,e.unref)(o).showScrollbar.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,ni,[n[2]||=(0,e.createElementVNode)(`div`,{class:`absolute bottom-6 right-3 top-6 w-px bg-white/8`},null,-1),(0,e.createElementVNode)(`div`,{"data-testid":`vibe-list-scrollbar-thumb`,class:(0,e.normalizeClass)([`absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out`,r.loading?`bg-white/52`:`bg-white/34`]),style:(0,e.normalizeStyle)((0,e.unref)(o).getScrollbarThumbStyle())},null,6)])):(0,e.createCommentVNode)(``,!0),i[`grid-footer`]?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,ri,[(0,e.createElementVNode)(`div`,ii,[(0,e.renderSlot)(t.$slots,`grid-footer`)])])):(0,e.createCommentVNode)(``,!0),l.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:2,class:(0,e.normalizeClass)([`pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6`,i[`grid-footer`]?`pb-24`:`pb-6`])},[d.value?(0,e.renderSlot)(t.$slots,`grid-status`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},l.value))):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:1,"data-testid":`vibe-grid-status-badge`,class:(0,e.normalizeClass)([`inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]`,l.value.kind===`end`?`border-amber-300/35 text-amber-200`:l.value.kind===`failed`?`border-rose-400/45 text-rose-100`:``])},(0,e.toDisplayString)(l.value.message),3))],2)):(0,e.createCommentVNode)(``,!0),(0,e.unref)(m)&&(0,e.unref)(p)?((0,e.openBlock)(),(0,e.createBlock)(Jt,{key:3,class:(0,e.normalizeClass)([`z-[3]`,i[`grid-footer`]?`pb-24`:`pb-6`]),message:(0,e.unref)(p).message,mode:(0,e.unref)(p).mode,surface:(0,e.unref)(p).surface},{default:(0,e.withCtx)(()=>[(0,e.unref)(h)?(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(p)))):(0,e.createCommentVNode)(``,!0)]),_:3},8,[`class`,`message`,`mode`,`surface`])):(0,e.createCommentVNode)(``,!0)]))}}),oi=[`data-surface-mode`],si={key:1,class:`absolute left-5 top-5 z-30 border border-amber-400/45 bg-black/35 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-amber-100 backdrop-blur`},ci=[`data-visible`,`inert`],li=[`data-visible`,`inert`],ui={key:3,class:`relative z-[1] grid h-full w-full content-center justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center`},di=(0,e.defineComponent)({name:`VibeLayout`,__name:`Layout`,props:{emptyStateMode:{},fillDelayMs:{},fillDelayStepMs:{},initialCursor:{},initialState:{},loopFullscreenVideo:{type:Boolean},pageSize:{},paginationDetail:{},resolve:{type:Function},showDominantImageTone:{type:Boolean},showEndBadge:{type:Boolean},showStatusBadges:{type:Boolean},surfaceMode:{}},emits:[`asset-errors`,`asset-loads`,`items-change`,`update:activeIndex`,`update:surfaceMode`],setup(t,{expose:n,emit:r}){let i=t,a=(0,e.useSlots)(),o=r,s=ye(i,o),c=S(e=>{o(`asset-errors`,e)}),l=C(e=>{o(`asset-loads`,e)});return(0,e.onBeforeUnmount)(()=>{c.stop(),l.stop()}),(0,e.watch)(()=>s.items.value,e=>{o(`items-change`,[...e])}),n({cancel:s.cancel,clearRemoved:s.clearRemoved,getItemByOccurrenceKey:s.getItemByOccurrenceKey,getItems:s.getItems,getRemovedIds:s.getRemovedIds,lockPageLoading:s.lockPageLoading,loadNext:s.loadNext,loadPrevious:s.loadPrevious,remove:s.remove,restore:s.restore,retry:s.retry,status:s.status,undo:s.undo,unlockPageLoading:s.unlockPageLoading}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{"data-testid":`vibe`,"data-surface-mode":(0,e.unref)(s).surfaceMode.value,class:`relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]`},[(0,e.unref)(s).canRetryInitialLoad.value?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28`,onClick:n[0]||=(...t)=>(0,e.unref)(s).retryInitialLoad&&(0,e.unref)(s).retryInitialLoad(...t)},` Retry `)):(0,e.unref)(s).errorMessage.value&&(0,e.unref)(s).items.value.length>0?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,si,(0,e.toDisplayString)((0,e.unref)(s).errorMessage.value),1)):(0,e.createCommentVNode)(``,!0),(0,e.unref)(s).isDesktop.value?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createVNode)(e.Transition,{appear:``,"enter-active-class":`transition-[opacity,transform] duration-300 ease-out`,"enter-from-class":`translate-y-3 opacity-0`,"enter-to-class":`translate-y-0 opacity-100`,"leave-active-class":`transition-[opacity,transform] duration-300 ease-out`,"leave-from-class":`translate-y-0 opacity-100`,"leave-to-class":`translate-y-3 opacity-0`},{default:(0,e.withCtx)(()=>[(0,e.withDirectives)((0,e.createElementVNode)(`div`,{"data-testid":`vibe-list-surface`,"data-visible":(0,e.unref)(s).surfaceMode.value===`list`?`true`:`false`,inert:(0,e.unref)(s).surfaceMode.value!==`list`,class:`absolute inset-0 z-[2]`},[(0,e.createVNode)(ai,{active:(0,e.unref)(s).surfaceMode.value===`list`,"allow-exhausted-next-page-refresh":(0,e.unref)(s).canRefreshExhaustedNextPage.value,items:(0,e.unref)(s).items.value,"active-index":(0,e.unref)(s).activeIndex.value,"error-message":(0,e.unref)(s).errorMessage.value,loading:(0,e.unref)(s).loading.value,"has-next-page":(0,e.unref)(s).hasNextPage.value,"has-previous-page":(0,e.unref)(s).hasPreviousPage.value,"pending-append-items":(0,e.unref)(s).pendingAppendItems.value,phase:(0,e.unref)(s).phase.value,"commit-pending-append":(0,e.unref)(s).commitPendingAppend,"pagination-detail":(0,e.unref)(s).paginationDetail.value,"report-asset-error":(0,e.unref)(c).report,"report-asset-load":(0,e.unref)(l).report,"request-next-page":(0,e.unref)(s).prefetchNextPage,"request-previous-page":(0,e.unref)(s).prefetchPreviousPage,"empty-state-mode":i.emptyStateMode,"show-status-badges":i.showStatusBadges??!0,onBoundaryLoadProgress:(0,e.unref)(s).setBoundaryLoadProgress,onOpenFullscreen:(0,e.unref)(s).openFullscreen,"onUpdate:activeIndex":(0,e.unref)(s).setActiveIndex},(0,e.createSlots)({_:2},[a[`empty-state`]?{name:`empty-state`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`0`}:void 0,a[`grid-footer`]?{name:`grid-footer`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,`grid-footer`)]),key:`1`}:void 0,a[`grid-item-overlay`]?{name:`grid-item-overlay`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`grid-item-overlay`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`2`}:void 0,a[`grid-status`]?{name:`grid-status`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`grid-status`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`3`}:void 0,a[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`4`}:void 0]),1032,[`active`,`allow-exhausted-next-page-refresh`,`items`,`active-index`,`error-message`,`loading`,`has-next-page`,`has-previous-page`,`pending-append-items`,`phase`,`commit-pending-append`,`pagination-detail`,`report-asset-error`,`report-asset-load`,`request-next-page`,`request-previous-page`,`empty-state-mode`,`show-status-badges`,`onBoundaryLoadProgress`,`onOpenFullscreen`,`onUpdate:activeIndex`])],8,ci),[[e.vShow,(0,e.unref)(s).surfaceMode.value===`list`]])]),_:3}),(0,e.createVNode)(e.Transition,{appear:``,"enter-active-class":`transition-[opacity,transform] duration-300 ease-out`,"enter-from-class":`-translate-y-3 opacity-0`,"enter-to-class":`translate-y-0 opacity-100`,"leave-active-class":`transition-[opacity,transform] duration-300 ease-out`,"leave-from-class":`translate-y-0 opacity-100`,"leave-to-class":`-translate-y-3 opacity-0`},{default:(0,e.withCtx)(()=>[(0,e.withDirectives)((0,e.createElementVNode)(`div`,{"data-testid":`vibe-fullscreen-surface`,"data-visible":(0,e.unref)(s).surfaceMode.value===`fullscreen`?`true`:`false`,inert:(0,e.unref)(s).surfaceMode.value!==`fullscreen`,class:`absolute inset-0 z-[3]`},[(0,e.createVNode)(jn,{items:(0,e.unref)(s).items.value,active:(0,e.unref)(s).surfaceMode.value===`fullscreen`,"active-index":(0,e.unref)(s).activeIndex.value,"error-message":(0,e.unref)(s).errorMessage.value,loading:(0,e.unref)(s).loading.value,"has-next-page":(0,e.unref)(s).hasNextPage.value,"pagination-detail":(0,e.unref)(s).paginationDetail.value,phase:(0,e.unref)(s).phase.value,"report-asset-error":(0,e.unref)(c).report,"report-asset-load":(0,e.unref)(l).report,"empty-state-mode":i.emptyStateMode,"loop-fullscreen-video":i.loopFullscreenVideo??!0,"show-dominant-image-tone":i.showDominantImageTone??!0,"show-end-badge":i.showEndBadge??!0,"show-status-badges":i.showStatusBadges??!0,"show-back-to-list":(0,e.unref)(s).showBackToList.value,onBackToList:(0,e.unref)(s).returnToList,"onUpdate:activeIndex":(0,e.unref)(s).setActiveIndex},(0,e.createSlots)({_:2},[a[`empty-state`]?{name:`empty-state`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`0`}:void 0,a[`fullscreen-overlay`]?{name:`fullscreen-overlay`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-overlay`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`1`}:void 0,a[`fullscreen-aside`]?{name:`fullscreen-aside`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-aside`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`2`}:void 0,a[`fullscreen-header-actions`]?{name:`fullscreen-header-actions`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-header-actions`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`3`}:void 0,a[`fullscreen-status`]?{name:`fullscreen-status`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-status`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`4`}:void 0,a[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`5`}:void 0]),1032,[`items`,`active`,`active-index`,`error-message`,`loading`,`has-next-page`,`pagination-detail`,`phase`,`report-asset-error`,`report-asset-load`,`empty-state-mode`,`loop-fullscreen-video`,`show-dominant-image-tone`,`show-end-badge`,`show-status-badges`,`show-back-to-list`,`onBackToList`,`onUpdate:activeIndex`])],8,li),[[e.vShow,(0,e.unref)(s).surfaceMode.value===`fullscreen`]])]),_:3})],64)):(0,e.unref)(s).items.value.length===0&&(0,e.unref)(s).loading.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,ui,[(0,e.createVNode)((0,e.unref)(h),{class:`size-10 animate-spin text-[#f7f1ea]/82`,"aria-hidden":`true`}),n[1]||=(0,e.createElementVNode)(`p`,{class:`m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72`},` Loading... `,-1)])):((0,e.openBlock)(),(0,e.createBlock)(jn,{key:4,items:(0,e.unref)(s).items.value,active:!0,"active-index":(0,e.unref)(s).activeIndex.value,"error-message":(0,e.unref)(s).errorMessage.value,loading:(0,e.unref)(s).loading.value,"has-next-page":(0,e.unref)(s).hasNextPage.value,"pagination-detail":(0,e.unref)(s).paginationDetail.value,phase:(0,e.unref)(s).phase.value,"report-asset-error":(0,e.unref)(c).report,"report-asset-load":(0,e.unref)(l).report,"empty-state-mode":i.emptyStateMode,"loop-fullscreen-video":i.loopFullscreenVideo??!0,"show-dominant-image-tone":i.showDominantImageTone??!0,"show-end-badge":i.showEndBadge??!0,"show-status-badges":i.showStatusBadges??!0,"show-back-to-list":!1,onBackToList:(0,e.unref)(s).returnToList,"onUpdate:activeIndex":(0,e.unref)(s).setActiveIndex},(0,e.createSlots)({_:2},[a[`empty-state`]?{name:`empty-state`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`empty-state`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`0`}:void 0,a[`fullscreen-overlay`]?{name:`fullscreen-overlay`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-overlay`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`1`}:void 0,a[`fullscreen-aside`]?{name:`fullscreen-aside`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-aside`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`2`}:void 0,a[`fullscreen-header-actions`]?{name:`fullscreen-header-actions`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-header-actions`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`3`}:void 0,a[`fullscreen-status`]?{name:`fullscreen-status`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`fullscreen-status`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`4`}:void 0,a[`item-icon`]?{name:`item-icon`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`item-icon`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`5`}:void 0]),1032,[`items`,`active-index`,`error-message`,`loading`,`has-next-page`,`pagination-detail`,`phase`,`report-asset-error`,`report-asset-load`,`empty-state-mode`,`loop-fullscreen-video`,`show-dominant-image-tone`,`show-end-badge`,`show-status-badges`,`onBackToList`,`onUpdate:activeIndex`]))],8,oi))}}),fi={install(e){e.component(`VibeLayout`,di)}};exports.VibeLayout=di,exports.VibePlugin=fi,exports.default=fi;

package/lib/index.d.ts

@@ -8,11 +8,13 @@ export declare const VibeLayout: {
         "onUpdate:surfaceMode"?: ((value: "fullscreen" | "list") => any) | undefined;
         "onAsset-errors"?: ((errors: import(".").VibeAssetErrorEvent[]) => any) | undefined;
         "onAsset-loads"?: ((loads: import(".").VibeAssetLoadEvent[]) => any) | undefined;
+        "onItems-change"?: ((items: import(".").VibeViewerItem[]) => any) | undefined;
     }>, import(".").VibeHandle, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:activeIndex": (value: number) => any;
         "update:surfaceMode": (value: "fullscreen" | "list") => any;
         "asset-errors": (errors: import(".").VibeAssetErrorEvent[]) => any;
         "asset-loads": (loads: import(".").VibeAssetLoadEvent[]) => any;
+        "items-change": (items: import(".").VibeViewerItem[]) => any;
     }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -25,6 +27,7 @@ export declare const VibeLayout: {
         "onUpdate:surfaceMode"?: ((value: "fullscreen" | "list") => any) | undefined;
         "onAsset-errors"?: ((errors: import(".").VibeAssetErrorEvent[]) => any) | undefined;
         "onAsset-loads"?: ((loads: import(".").VibeAssetLoadEvent[]) => any) | undefined;
+        "onItems-change"?: ((items: import(".").VibeViewerItem[]) => any) | undefined;
     }>, import(".").VibeHandle, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -34,11 +37,13 @@ export declare const VibeLayout: {
     "onUpdate:surfaceMode"?: ((value: "fullscreen" | "list") => any) | undefined;
     "onAsset-errors"?: ((errors: import(".").VibeAssetErrorEvent[]) => any) | undefined;
     "onAsset-loads"?: ((loads: import(".").VibeAssetLoadEvent[]) => any) | undefined;
+    "onItems-change"?: ((items: import(".").VibeViewerItem[]) => any) | undefined;
 }>, import(".").VibeHandle, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:activeIndex": (value: number) => any;
     "update:surfaceMode": (value: "fullscreen" | "list") => any;
     "asset-errors": (errors: import(".").VibeAssetErrorEvent[]) => any;
     "asset-loads": (loads: import(".").VibeAssetLoadEvent[]) => any;
+    "items-change": (items: import(".").VibeViewerItem[]) => any;
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         'empty-state'?: (props: import(".").VibeEmptyStateSlotProps) => unknown;

package/lib/index.js

@@ -341,43 +341,36 @@ function Ae(e, t, n) {
 		nextSequence: r.nextSequence
 	};
 }
-function je(e, t, n, r) {
-	let i = /* @__PURE__ */ new Map(), a = e.map((e) => ({
+function je(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = e.map((e) => ({
 		item: e,
 		matchIndex: null,
 		occurrenceKey: null
-	})), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = n;
+	})), a = /* @__PURE__ */ new Map(), o = [], s = n;
 	for (let [e, n] of t.entries()) {
-		let t = i.get(n.id), r = {
+		let t = r.get(n.id), i = {
 			index: e,
 			occurrenceKey: $(n)
 		};
-		t ? t.push(r) : i.set(n.id, [r]);
+		t ? t.push(i) : r.set(n.id, [i]);
 	}
-	for (let e of a) {
-		let t = i.get(e.item.id)?.shift();
+	for (let e of i) {
+		let t = r.get(e.item.id)?.shift();
 		t && (e.matchIndex = t.index, e.occurrenceKey = t.occurrenceKey);
 	}
-	let l = [], u = null;
-	for (let e of a) l.push(u), e.matchIndex !== null && (u = e.matchIndex);
-	let d = Array(a.length).fill(null), f = null;
-	for (let e = a.length - 1; e >= 0; --e) d[e] = f, a[e].matchIndex !== null && (f = a[e].matchIndex);
-	for (let [e, n] of a.entries()) {
-		if (n.matchIndex !== null && n.occurrenceKey) {
-			o.set(n.matchIndex, Me(n.item, n.occurrenceKey));
+	for (let e of i) {
+		if (e.matchIndex !== null && e.occurrenceKey) {
+			a.set(e.matchIndex, Me(e.item, e.occurrenceKey));
 			continue;
 		}
-		let i = d[e] ?? (l[e] === null ? null : l[e] + 1) ?? (r === "leading" ? 0 : t.length), a = Me(n.item, `vibe-occurrence-${c += 1}`), u = s.get(i);
-		u ? u.push(a) : s.set(i, [a]);
-	}
-	let p = [];
-	for (let e = 0; e <= t.length; e += 1) {
-		let n = s.get(e);
-		n?.length && p.push(...n), !(e >= t.length) && p.push(o.get(e) ?? t[e]);
+		let t = Me(e.item, `vibe-occurrence-${s += 1}`);
+		o.push(t);
 	}
+	let c = t.map((e, t) => a.get(t) ?? e);
 	return {
-		items: p,
-		nextSequence: c
+		insertedCount: o.length,
+		items: [...c, ...o],
+		nextSequence: s
 	};
 }
 function Me(e, t) {
@@ -405,7 +398,7 @@ function Pe(e) {
 	};
 }
 function Fe(e) {
-	let t = je(e.nextItems, e.previousItems, e.sequence, e.edge);
+	let t = je(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -414,6 +407,7 @@ function Fe(e) {
 			nextCursorExhausted: e.nextCursorExhausted ?? !1,
 			previousCursor: e.previousCursor
 		},
+		insertedCount: t.insertedCount,
 		nextSequence: t.nextSequence
 	};
 }
@@ -583,19 +577,21 @@ function et(e) {
 		if (he("trailing")) {
 			if (!B.value) return;
 			let e = await X("trailing");
-			e?.followCursor && he("trailing") && await le(e.followCursor, n);
+			e?.followCursor && (e.itemsInserted === 0 || he("trailing")) && await le(e.followCursor, n);
 			return;
 		}
 		if (r) {
 			if (t?.cursor === r) {
-				await X("trailing");
+				let e = await X("trailing");
+				e?.followCursor && e.itemsInserted === 0 && await le(e.followCursor, n);
 				return;
 			}
 			await le(r, n);
 			return;
 		}
 		if (!R.value) {
-			B.value && await X("trailing");
+			let e = B.value ? await X("trailing") : null;
+			e?.followCursor && e.itemsInserted === 0 && await le(e.followCursor, n);
 			return;
 		}
 		await le(F.value, n);
@@ -604,7 +600,7 @@ function et(e) {
 		if (!(g.value || !z.value || M.value)) {
 			if (he("leading")) {
 				let e = await X("leading");
-				e?.itemsLoaded === 0 && e.followCursor && await ue(e.followCursor);
+				e?.itemsInserted === 0 && e.followCursor && await ue(e.followCursor);
 				return;
 			}
 			await ue(I.value);
@@ -729,7 +725,6 @@ function et(e) {
 			if (a !== b) return Z(), null;
 			let s = Ke(r, i.nextPage), c = Fe({
 				cursor: r.cursor,
-				edge: t,
 				nextCursor: s.cursor,
 				nextCursorExhausted: s.exhausted,
 				nextItems: i.items,
@@ -741,7 +736,7 @@ function et(e) {
 			let l = ae();
 			return n.value = ke(n.value, r.cursor, c.bucket), oe(l), Z(), {
 				followCursor: t === "leading" ? i.previousPage ?? null : i.nextPage,
-				itemsLoaded: i.items.length
+				itemsInserted: c.insertedCount
 			};
 		} catch (e) {
 			return Ne(e) || a !== b ? (Z(), null) : (s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
@@ -4122,6 +4117,7 @@ var wi = ["aria-label"], Ti = {
 	emits: [
 		"asset-errors",
 		"asset-loads",
+		"items-change",
 		"update:activeIndex",
 		"update:surfaceMode"
 	],
@@ -4133,6 +4129,8 @@ var wi = ["aria-label"], Ti = {
 		});
 		return x(() => {
 			g.stop(), _.stop();
+		}), L(() => h.items.value, (e) => {
+			m("items-change", [...e]);
 		}), n({
 			cancel: h.cancel,
 			clearRemoved: h.clearRemoved,

package/lib/style.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-500:oklch(68.5% .169 237.323);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-\[clamp\(6rem\,22vh\,11rem\)\]{top:clamp(6rem,22vh,11rem)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[0\.625rem\]{right:.625rem}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-\[1\.8rem\]{bottom:1.8rem}.bottom-\[5\.8rem\]{bottom:5.8rem}.bottom-\[calc\(100\%\+0\.8rem\)\]{bottom:calc(100% + .8rem)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.left-\[-9999px\]{left:-9999px}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[5\]{z-index:5}.z-\[6\]{z-index:6}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-28{height:calc(var(--spacing) * 28)}.h-\[clamp\(220px\,30vw\,360px\)\]{height:clamp(220px,30vw,360px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[4\.25rem\]{min-height:4.25rem}.min-h-\[4\.75rem\]{min-height:4.75rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-\[clamp\(220px\,30vw\,360px\)\]{width:clamp(220px,30vw,360px)}.w-\[clamp\(320px\,46vw\,560px\)\]{width:clamp(320px,46vw,560px)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[22rem\]{max-width:22rem}.max-w-\[24rem\]{max-width:24rem}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[calc\(100vw-2\.5rem\)\]{max-width:calc(100vw - 2.5rem)}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[4\.25rem\]{min-width:4.25rem}.min-w-\[7\.5rem\]{min-width:7.5rem}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto minmax(0,1fr) auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-amber-300\/26{border-color:#ffd23642}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/26{border-color:color-mix(in oklab, var(--color-amber-300) 26%, transparent)}}.border-amber-300\/28{border-color:#ffd23647}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/28{border-color:color-mix(in oklab, var(--color-amber-300) 28%, transparent)}}.border-amber-300\/35{border-color:#ffd23659}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/35{border-color:color-mix(in oklab, var(--color-amber-300) 35%, transparent)}}.border-amber-400\/40{border-color:#fcbb0066}@supports (color:color-mix(in lab, red, red)){.border-amber-400\/40{border-color:color-mix(in oklab, var(--color-amber-400) 40%, transparent)}}.border-amber-400\/45{border-color:#fcbb0073}@supports (color:color-mix(in lab, red, red)){.border-amber-400\/45{border-color:color-mix(in oklab, var(--color-amber-400) 45%, transparent)}}.border-emerald-300\/26{border-color:#5ee9b542}@supports (color:color-mix(in lab, red, red)){.border-emerald-300\/26{border-color:color-mix(in oklab, var(--color-emerald-300) 26%, transparent)}}.border-rose-300\/28{border-color:#ffa2ae47}@supports (color:color-mix(in lab, red, red)){.border-rose-300\/28{border-color:color-mix(in oklab, var(--color-rose-300) 28%, transparent)}}.border-rose-400\/40{border-color:#ff667f66}@supports (color:color-mix(in lab, red, red)){.border-rose-400\/40{border-color:color-mix(in oklab, var(--color-rose-400) 40%, transparent)}}.border-rose-400\/45{border-color:#ff667f73}@supports (color:color-mix(in lab, red, red)){.border-rose-400\/45{border-color:color-mix(in oklab, var(--color-rose-400) 45%, transparent)}}.border-rose-400\/55{border-color:#ff667f8c}@supports (color:color-mix(in lab, red, red)){.border-rose-400\/55{border-color:color-mix(in oklab, var(--color-rose-400) 55%, transparent)}}.border-sky-300\/26{border-color:#77d4ff42}@supports (color:color-mix(in lab, red, red)){.border-sky-300\/26{border-color:color-mix(in oklab, var(--color-sky-300) 26%, transparent)}}.border-sky-300\/45{border-color:#77d4ff73}@supports (color:color-mix(in lab, red, red)){.border-sky-300\/45{border-color:color-mix(in oklab, var(--color-sky-300) 45%, transparent)}}.border-stone-900{border-color:var(--color-stone-900)}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.border-white\/14{border-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.border-white\/14{border-color:color-mix(in oklab, var(--color-white) 14%, transparent)}}.border-white\/16{border-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.border-white\/16{border-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}.border-white\/18{border-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.border-white\/18{border-color:color-mix(in oklab, var(--color-white) 18%, transparent)}}.border-white\/26{border-color:#ffffff42}@supports (color:color-mix(in lab, red, red)){.border-white\/26{border-color:color-mix(in oklab, var(--color-white) 26%, transparent)}}.border-white\/28{border-color:#ffffff47}@supports (color:color-mix(in lab, red, red)){.border-white\/28{border-color:color-mix(in oklab, var(--color-white) 28%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-\[\#0a0b0f\]{background-color:#0a0b0f}.bg-\[\#05060a\]{background-color:#05060a}.bg-\[\#06070b\]{background-color:#06070b}.bg-\[\#08090d\]{background-color:#08090d}.bg-\[\#f7f1ea\]{background-color:#f7f1ea}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(245\,158\,11\,0\.24\)\,transparent_28\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(14\,165\,233\,0\.2\)\,transparent_32\%\)\,\#f6efe6\]{background-color:radial-gradient(circle at top left,#f59e0b3d,transparent 28%),radial-gradient(circle at bottom right,#0ea5e933,transparent 32%),#f6efe6}.bg-amber-300\/80{background-color:#ffd236cc}@supports (color:color-mix(in lab, red, red)){.bg-amber-300\/80{background-color:color-mix(in oklab, var(--color-amber-300) 80%, transparent)}}.bg-amber-300\/\[0\.09\]{background-color:#ffd23617}@supports (color:color-mix(in lab, red, red)){.bg-amber-300\/\[0\.09\]{background-color:color-mix(in oklab, var(--color-amber-300) 9%, transparent)}}.bg-amber-300\/\[0\.045\]{background-color:#ffd2360b}@supports (color:color-mix(in lab, red, red)){.bg-amber-300\/\[0\.045\]{background-color:color-mix(in oklab, var(--color-amber-300) 4.5%, transparent)}}.bg-amber-500\/12{background-color:#f99c001f}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/12{background-color:color-mix(in oklab, var(--color-amber-500) 12%, transparent)}}.bg-black\/18{background-color:#0000002e}@supports (color:color-mix(in lab, red, red)){.bg-black\/18{background-color:color-mix(in oklab, var(--color-black) 18%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/28{background-color:#00000047}@supports (color:color-mix(in lab, red, red)){.bg-black\/28{background-color:color-mix(in oklab, var(--color-black) 28%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/34{background-color:#00000057}@supports (color:color-mix(in lab, red, red)){.bg-black\/34{background-color:color-mix(in oklab, var(--color-black) 34%, transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\/36{background-color:#0000005c}@supports (color:color-mix(in lab, red, red)){.bg-black\/36{background-color:color-mix(in oklab, var(--color-black) 36%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-black\/58{background-color:#00000094}@supports (color:color-mix(in lab, red, red)){.bg-black\/58{background-color:color-mix(in oklab, var(--color-black) 58%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/72{background-color:#000000b8}@supports (color:color-mix(in lab, red, red)){.bg-black\/72{background-color:color-mix(in oklab, var(--color-black) 72%, transparent)}}.bg-black\/82{background-color:#000000d1}@supports (color:color-mix(in lab, red, red)){.bg-black\/82{background-color:color-mix(in oklab, var(--color-black) 82%, transparent)}}.bg-emerald-300\/\[0\.045\]{background-color:#5ee9b50b}@supports (color:color-mix(in lab, red, red)){.bg-emerald-300\/\[0\.045\]{background-color:color-mix(in oklab, var(--color-emerald-300) 4.5%, transparent)}}.bg-emerald-500\/12{background-color:#00bb7f1f}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/12{background-color:color-mix(in oklab, var(--color-emerald-500) 12%, transparent)}}.bg-rose-300\/\[0\.1\]{background-color:#ffa2ae1a}@supports (color:color-mix(in lab, red, red)){.bg-rose-300\/\[0\.1\]{background-color:color-mix(in oklab, var(--color-rose-300) 10%, transparent)}}.bg-rose-500\/12{background-color:#ff23571f}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/12{background-color:color-mix(in oklab, var(--color-rose-500) 12%, transparent)}}.bg-rose-500\/18{background-color:#ff23572e}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/18{background-color:color-mix(in oklab, var(--color-rose-500) 18%, transparent)}}.bg-sky-300\/80{background-color:#77d4ffcc}@supports (color:color-mix(in lab, red, red)){.bg-sky-300\/80{background-color:color-mix(in oklab, var(--color-sky-300) 80%, transparent)}}.bg-sky-300\/\[0\.045\]{background-color:#77d4ff0b}@supports (color:color-mix(in lab, red, red)){.bg-sky-300\/\[0\.045\]{background-color:color-mix(in oklab, var(--color-sky-300) 4.5%, transparent)}}.bg-sky-500\/14{background-color:#00a5ef24}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/14{background-color:color-mix(in oklab, var(--color-sky-500) 14%, transparent)}}.bg-stone-900{background-color:var(--color-stone-900)}.bg-transparent{background-color:#0000}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/12{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.bg-white\/12{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.bg-white\/34{background-color:#ffffff57}@supports (color:color-mix(in lab, red, red)){.bg-white\/34{background-color:color-mix(in oklab, var(--color-white) 34%, transparent)}}.bg-white\/52{background-color:#ffffff85}@supports (color:color-mix(in lab, red, red)){.bg-white\/52{background-color:color-mix(in oklab, var(--color-white) 52%, transparent)}}.bg-white\/65{background-color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.bg-white\/65{background-color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-\[linear-gradient\(180deg\,\#0a0b10\,\#05060a\)\]{background-image:linear-gradient(#0a0b10,#05060a)}.bg-\[linear-gradient\(180deg\,\#0b0c11\,\#06070b\)\]{background-image:linear-gradient(#0b0c11,#06070b)}.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.18\)\,rgba\(255\,255\,255\,0\.02\)\)\]{background-image:linear-gradient(#0000002e,#ffffff05)}.bg-\[linear-gradient\(180deg\,rgba\(6\,7\,10\,0\.96\)\,rgba\(6\,7\,10\,0\.84\)\)\]{background-image:linear-gradient(#06070af5,#06070ad6)}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,rgba\(255\,255\,255\,0\.02\)\)\,radial-gradient\(circle_at_center\,rgba\(16\,185\,129\,0\.14\)\,transparent_58\%\)\]{background-image:linear-gradient(#ffffff0a,#ffffff05),radial-gradient(circle,#10b98124,#0000 58%)}.bg-\[linear-gradient\(180deg\,transparent\,rgba\(0\,0\,0\,0\.42\)_24\%\,rgba\(0\,0\,0\,0\.78\)\)\]{background-image:linear-gradient(#0000,#0000006b 24%,#000000c7)}.bg-\[radial-gradient\(circle\,rgba\(16\,185\,129\,0\.16\)\,transparent_66\%\)\]{background-image:radial-gradient(circle,#10b98129,#0000 66%)}.bg-\[radial-gradient\(circle\,rgba\(239\,68\,68\,0\.12\)\,transparent_66\%\)\]{background-image:radial-gradient(circle,#ef44441f,#0000 66%)}.bg-\[radial-gradient\(circle\,rgba\(255\,255\,255\,0\.08\)\,transparent_62\%\)\]{background-image:radial-gradient(circle,#ffffff14,#0000 62%)}.bg-\[radial-gradient\(circle_at_center\,rgba\(239\,68\,68\,0\.12\)\,transparent_65\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,rgba\(255\,255\,255\,0\.02\)\)\]{background-image:radial-gradient(circle,#ef44441f,#0000 65%),linear-gradient(#ffffff0a,#ffffff05)}.bg-\[radial-gradient\(circle_at_center\,rgba\(255\,255\,255\,0\.08\)\,transparent_65\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,rgba\(255\,255\,255\,0\.02\)\)\]{background-image:radial-gradient(circle,#ffffff14,#0000 65%),linear-gradient(#ffffff0a,#ffffff05)}.bg-\[radial-gradient\(circle_at_top_center\,rgba\(255\,255\,255\,0\.04\)\,transparent_28\%\)\,linear-gradient\(180deg\,\#06070b\,\#05060a\)\]{background-image:radial-gradient(circle at top,#ffffff0a,#0000 28%),linear-gradient(#06070b,#05060a)}.stroke-2{stroke-width:2px}.stroke-\[1\.8\]{stroke-width:1.8px}.stroke-\[1\.9\]{stroke-width:1.9px}.stroke-\[2\.1\]{stroke-width:2.1px}.stroke-\[2\.2\]{stroke-width:2.2px}.stroke-\[2\]{stroke-width:2px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[clamp\(1\.25rem\,2\.6vw\,2\.25rem\)\]{padding:clamp(1.25rem,2.6vw,2.25rem)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[clamp\(1rem\,2\.6vw\,2\.25rem\)\]{padding-inline:clamp(1rem,2.6vw,2.25rem)}.px-\[clamp\(2rem\,4vw\,3rem\)\]{padding-inline:clamp(2rem,4vw,3rem)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-\[clamp\(2rem\,4vw\,3rem\)\]{padding-block:clamp(2rem,4vw,3rem)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[1\.15rem\]{padding-bottom:1.15rem}.pb-\[5\.75rem\]{padding-bottom:5.75rem}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.\[font-family\:\'Segoe_UI_Variable\'\,\'Segoe_UI\'\,sans-serif\]{font-family:Segoe UI Variable,Segoe UI,sans-serif}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.63rem\]{font-size:.63rem}.text-\[0\.64rem\]{font-size:.64rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.74rem\]{font-size:.74rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.8rem\]{font-size:1.8rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[clamp\(2rem\,4vw\,3\.35rem\)\]{font-size:clamp(2rem,4vw,3.35rem)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[0\.94\]{--tw-leading:.94;line-height:.94}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-\[0\.32em\]{--tw-tracking:.32em;letter-spacing:.32em}.tracking-\[0\.38em\]{--tw-tracking:.38em;letter-spacing:.38em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\[\#78dce8\]{color:#78dce8}.text-\[\#72798a\]{color:#72798a}.text-\[\#a9dc76\]{color:#a9dc76}.text-\[\#ab9df2\]{color:#ab9df2}.text-\[\#f7f1ea\]{color:#f7f1ea}.text-\[\#f7f1ea\]\/34{color:oklab(96.0873% .0035257 .0107867/.34)}.text-\[\#f7f1ea\]\/36{color:oklab(96.0873% .0035257 .0107867/.36)}.text-\[\#f7f1ea\]\/38{color:oklab(96.0873% .0035257 .0107867/.38)}.text-\[\#f7f1ea\]\/42{color:oklab(96.0873% .0035257 .0107867/.42)}.text-\[\#f7f1ea\]\/44{color:oklab(96.0873% .0035257 .0107867/.44)}.text-\[\#f7f1ea\]\/46{color:oklab(96.0873% .0035257 .0107867/.46)}.text-\[\#f7f1ea\]\/48{color:oklab(96.0873% .0035257 .0107867/.48)}.text-\[\#f7f1ea\]\/54{color:oklab(96.0873% .0035257 .0107867/.54)}.text-\[\#f7f1ea\]\/56{color:oklab(96.0873% .0035257 .0107867/.56)}.text-\[\#f7f1ea\]\/58{color:oklab(96.0873% .0035257 .0107867/.58)}.text-\[\#f7f1ea\]\/62{color:oklab(96.0873% .0035257 .0107867/.62)}.text-\[\#f7f1ea\]\/64{color:oklab(96.0873% .0035257 .0107867/.64)}.text-\[\#f7f1ea\]\/66{color:oklab(96.0873% .0035257 .0107867/.66)}.text-\[\#f7f1ea\]\/68{color:oklab(96.0873% .0035257 .0107867/.68)}.text-\[\#f7f1ea\]\/70{color:oklab(96.0873% .0035257 .0107867/.7)}.text-\[\#f7f1ea\]\/72{color:oklab(96.0873% .0035257 .0107867/.72)}.text-\[\#f7f1ea\]\/74{color:oklab(96.0873% .0035257 .0107867/.74)}.text-\[\#f7f1ea\]\/76{color:oklab(96.0873% .0035257 .0107867/.76)}.text-\[\#f7f1ea\]\/78{color:oklab(96.0873% .0035257 .0107867/.78)}.text-\[\#f7f1ea\]\/82{color:oklab(96.0873% .0035257 .0107867/.82)}.text-\[\#f7f1ea\]\/86{color:oklab(96.0873% .0035257 .0107867/.86)}.text-\[\#fc9867\]{color:#fc9867}.text-\[\#ff7ab8\]{color:#ff7ab8}.text-\[\#ff6188\]{color:#ff6188}.text-\[\#ffd866\]{color:#ffd866}.text-amber-50{color:var(--color-amber-50)}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.text-rose-50{color:var(--color-rose-50)}.text-rose-100{color:var(--color-rose-100)}.text-sky-50{color:var(--color-sky-50)}.text-stone-500{color:var(--color-stone-500)}.text-stone-950{color:var(--color-stone-950)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-45{opacity:.45}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow-\[-28px_0_80px_-48px_rgba\(0\,0\,0\,0\.92\)\]{--tw-shadow:-28px 0 80px -48px var(--tw-shadow-color,#000000eb);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_-18px_rgba\(0\,0\,0\,0\.85\)\]{--tw-shadow:0 18px 40px -18px var(--tw-shadow-color,#000000d9);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_50px_-20px_rgba\(0\,0\,0\,0\.85\)\]{--tw-shadow:0 20px 50px -20px var(--tw-shadow-color,#000000d9);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_60px_-48px_rgba\(0\,0\,0\,0\.9\)\]{--tw-shadow:0 20px 60px -48px var(--tw-shadow-color,#000000e6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_60px_-42px_rgba\(0\,0\,0\,0\.88\)\]{--tw-shadow:0 24px 60px -42px var(--tw-shadow-color,#000000e0);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_28px_80px_-50px_rgba\(0\,0\,0\,0\.88\)\]{--tw-shadow:0 28px 80px -50px var(--tw-shadow-color,#000000e0);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_30px_90px_-48px_rgba\(31\,26\,22\,0\.45\)\]{--tw-shadow:0 30px 90px -48px var(--tw-shadow-color,#1f1a1673);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_40px_120px_-60px_rgba\(0\,0\,0\,0\.9\)\]{--tw-shadow:0 40px 120px -60px var(--tw-shadow-color,#000000e6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[14px\]{--tw-backdrop-blur:blur(14px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[18px\]{--tw-backdrop-blur:blur(18px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\]{transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background\]{transition-property:border-color,background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,transform\]{transition-property:border-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\,transform\,background-color\,opacity\]{transition-property:height,transform,background-color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-260{--tw-duration:.26s;transition-duration:.26s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-320{--tw-duration:.32s;transition-duration:.32s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\[opacity\,transform\]{will-change:opacity,transform}.will-change-transform{will-change:transform}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:border-sky-200\/60:hover{border-color:#b8e6fe99}@supports (color:color-mix(in lab, red, red)){.hover\:border-sky-200\/60:hover{border-color:color-mix(in oklab, var(--color-sky-200) 60%, transparent)}}.hover\:border-white\/18:hover{border-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/18:hover{border-color:color-mix(in oklab, var(--color-white) 18%, transparent)}}.hover\:border-white\/22:hover{border-color:#ffffff38}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/22:hover{border-color:color-mix(in oklab, var(--color-white) 22%, transparent)}}.hover\:border-white\/24:hover{border-color:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/24:hover{border-color:color-mix(in oklab, var(--color-white) 24%, transparent)}}.hover\:border-white\/28:hover{border-color:#ffffff47}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/28:hover{border-color:color-mix(in oklab, var(--color-white) 28%, transparent)}}.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:bg-amber-300\/\[0\.14\]:hover{background-color:#ffd23624}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-300\/\[0\.14\]:hover{background-color:color-mix(in oklab, var(--color-amber-300) 14.0%, transparent)}}.hover\:bg-black\/35:hover{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/35:hover{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.hover\:bg-black\/45:hover{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/45:hover{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.hover\:bg-black\/48:hover{background-color:#0000007a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/48:hover{background-color:color-mix(in oklab, var(--color-black) 48%, transparent)}}.hover\:bg-black\/50:hover{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/50:hover{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.hover\:bg-black\/55:hover{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/55:hover{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.hover\:bg-black\/65:hover{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/65:hover{background-color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.hover\:bg-rose-500\/28:hover{background-color:#ff235747}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/28:hover{background-color:color-mix(in oklab, var(--color-rose-500) 28%, transparent)}}.hover\:bg-sky-500\/22:hover{background-color:#00a5ef38}@supports (color:color-mix(in lab, red, red)){.hover\:bg-sky-500\/22:hover{background-color:color-mix(in oklab, var(--color-sky-500) 22%, transparent)}}.hover\:bg-white\/12:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/12:hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.08\]:hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.hover\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.07\)\,rgba\(255\,255\,255\,0\.03\)\)\,radial-gradient\(circle_at_center\,rgba\(16\,185\,129\,0\.18\)\,transparent_58\%\)\]:hover{background-image:linear-gradient(#ffffff12,#ffffff08),radial-gradient(circle,#10b9812e,#0000 58%)}.hover\:text-\[\#f7f1ea\]:hover{color:#f7f1ea}.hover\:text-white:hover{color:var(--color-white)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-\[\#f7f1ea\]:focus-visible{outline-color:#f7f1ea}@media (hover:hover){.enabled\:hover\:border-amber-300\/55:enabled:hover{border-color:#ffd2368c}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:border-amber-300\/55:enabled:hover{border-color:color-mix(in oklab, var(--color-amber-300) 55%, transparent)}}.enabled\:hover\:border-rose-300\/55:enabled:hover{border-color:#ffa2ae8c}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:border-rose-300\/55:enabled:hover{border-color:color-mix(in oklab, var(--color-rose-300) 55%, transparent)}}.enabled\:hover\:bg-amber-500\/20:enabled:hover{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:bg-amber-500\/20:enabled:hover{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.enabled\:hover\:bg-rose-500\/20:enabled:hover{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:bg-rose-500\/20:enabled:hover{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-white\/10:disabled{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.disabled\:border-white\/10:disabled{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.disabled\:bg-white\/\[0\.03\]:disabled{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-white\/\[0\.03\]:disabled{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.disabled\:text-\[\#f7f1ea\]\/34:disabled{color:oklab(96.0873% .0035257 .0107867/.34)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media not all and (width>=720px){.max-\[720px\]\:bottom-\[1\.3rem\]{bottom:1.3rem}.max-\[720px\]\:bottom-\[7\.4rem\]{bottom:7.4rem}.max-\[720px\]\:w-\[calc\(100\%-2\.5rem\)\]{width:calc(100% - 2.5rem)}.max-\[720px\]\:justify-center{justify-content:center}.max-\[720px\]\:justify-items-start{justify-items:start}.max-\[720px\]\:pb-\[7rem\]{padding-bottom:7rem}}@media (width>=721px){.min-\[721px\]\:gap-3{gap:calc(var(--spacing) * 3)}.min-\[721px\]\:px-4{padding-inline:calc(var(--spacing) * 4)}.min-\[721px\]\:py-3{padding-block:calc(var(--spacing) * 3)}.min-\[721px\]\:pl-3{padding-left:calc(var(--spacing) * 3)}.min-\[721px\]\:text-\[0\.74rem\]{font-size:.74rem}.min-\[721px\]\:text-\[1\.2rem\]{font-size:1.2rem}.min-\[721px\]\:tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}}@media (width>=1024px){.min-\[1024px\]\:block{display:block}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[auto_auto\]{grid-template-columns:auto auto}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-\[0\.98rem\]{font-size:.98rem}.sm\:text-\[1\.55rem\]{font-size:1.55rem}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-0{top:calc(var(--spacing) * 0)}.lg\:grid-cols-\[17rem_minmax\(0\,1fr\)\]{grid-template-columns:17rem minmax(0,1fr)}.lg\:grid-cols-\[240px_minmax\(0\,1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.lg\:items-start{align-items:flex-start}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:self-start{align-self:flex-start}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media (width>=80rem){.xl\:sticky{position:sticky}.xl\:top-5{top:calc(var(--spacing) * 5)}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(320px\,0\.82fr\)\]{grid-template-columns:minmax(0,1.3fr) minmax(320px,.82fr)}.xl\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.xl\:items-end{align-items:flex-end}.xl\:justify-items-end{justify-items:end}.xl\:self-start{align-self:flex-start}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}.vibe-media-slider{appearance:none}.vibe-media-slider::-webkit-slider-runnable-track{background:0 0;height:1rem}.vibe-media-slider::-webkit-slider-thumb{appearance:none;background:#f7f1ea;border:1px solid #f7f1ea33;border-radius:9999px;width:.875rem;height:.875rem;margin-top:1px}.vibe-media-slider::-moz-range-track{background:0 0;height:1rem}.vibe-media-slider::-moz-range-thumb{background:#f7f1ea;border:1px solid #f7f1ea33;border-radius:9999px;width:.875rem;height:.875rem}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-500:oklch(68.5% .169 237.323);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-\[clamp\(6rem\,22vh\,11rem\)\]{top:clamp(6rem,22vh,11rem)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[0\.625rem\]{right:.625rem}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-\[1\.8rem\]{bottom:1.8rem}.bottom-\[5\.8rem\]{bottom:5.8rem}.bottom-\[calc\(100\%\+0\.8rem\)\]{bottom:calc(100% + .8rem)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.left-\[-9999px\]{left:-9999px}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[5\]{z-index:5}.z-\[6\]{z-index:6}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-28{height:calc(var(--spacing) * 28)}.h-\[clamp\(220px\,30vw\,360px\)\]{height:clamp(220px,30vw,360px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[4\.25rem\]{min-height:4.25rem}.min-h-\[4\.75rem\]{min-height:4.75rem}.min-h-\[40rem\]{min-height:40rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-\[clamp\(220px\,30vw\,360px\)\]{width:clamp(220px,30vw,360px)}.w-\[clamp\(320px\,46vw\,560px\)\]{width:clamp(320px,46vw,560px)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[22rem\]{max-width:22rem}.max-w-\[24rem\]{max-width:24rem}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[calc\(100vw-2\.5rem\)\]{max-width:calc(100vw - 2.5rem)}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-\[4\.25rem\]{min-width:4.25rem}.min-w-\[7\.5rem\]{min-width:7.5rem}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto minmax(0,1fr) auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-amber-300\/26{border-color:#ffd23642}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/26{border-color:color-mix(in oklab, var(--color-amber-300) 26%, transparent)}}.border-amber-300\/28{border-color:#ffd23647}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/28{border-color:color-mix(in oklab, var(--color-amber-300) 28%, transparent)}}.border-amber-300\/35{border-color:#ffd23659}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/35{border-color:color-mix(in oklab, var(--color-amber-300) 35%, transparent)}}.border-amber-300\/36{border-color:#ffd2365c}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/36{border-color:color-mix(in oklab, var(--color-amber-300) 36%, transparent)}}.border-amber-400\/40{border-color:#fcbb0066}@supports (color:color-mix(in lab, red, red)){.border-amber-400\/40{border-color:color-mix(in oklab, var(--color-amber-400) 40%, transparent)}}.border-amber-400\/45{border-color:#fcbb0073}@supports (color:color-mix(in lab, red, red)){.border-amber-400\/45{border-color:color-mix(in oklab, var(--color-amber-400) 45%, transparent)}}.border-emerald-300\/26{border-color:#5ee9b542}@supports (color:color-mix(in lab, red, red)){.border-emerald-300\/26{border-color:color-mix(in oklab, var(--color-emerald-300) 26%, transparent)}}.border-rose-300\/28{border-color:#ffa2ae47}@supports (color:color-mix(in lab, red, red)){.border-rose-300\/28{border-color:color-mix(in oklab, var(--color-rose-300) 28%, transparent)}}.border-rose-300\/36{border-color:#ffa2ae5c}@supports (color:color-mix(in lab, red, red)){.border-rose-300\/36{border-color:color-mix(in oklab, var(--color-rose-300) 36%, transparent)}}.border-rose-400\/40{border-color:#ff667f66}@supports (color:color-mix(in lab, red, red)){.border-rose-400\/40{border-color:color-mix(in oklab, var(--color-rose-400) 40%, transparent)}}.border-rose-400\/45{border-color:#ff667f73}@supports (color:color-mix(in lab, red, red)){.border-rose-400\/45{border-color:color-mix(in oklab, var(--color-rose-400) 45%, transparent)}}.border-rose-400\/55{border-color:#ff667f8c}@supports (color:color-mix(in lab, red, red)){.border-rose-400\/55{border-color:color-mix(in oklab, var(--color-rose-400) 55%, transparent)}}.border-sky-300\/26{border-color:#77d4ff42}@supports (color:color-mix(in lab, red, red)){.border-sky-300\/26{border-color:color-mix(in oklab, var(--color-sky-300) 26%, transparent)}}.border-sky-300\/45{border-color:#77d4ff73}@supports (color:color-mix(in lab, red, red)){.border-sky-300\/45{border-color:color-mix(in oklab, var(--color-sky-300) 45%, transparent)}}.border-stone-900{border-color:var(--color-stone-900)}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.border-white\/14{border-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.border-white\/14{border-color:color-mix(in oklab, var(--color-white) 14%, transparent)}}.border-white\/16{border-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.border-white\/16{border-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}.border-white\/18{border-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.border-white\/18{border-color:color-mix(in oklab, var(--color-white) 18%, transparent)}}.border-white\/26{border-color:#ffffff42}@supports (color:color-mix(in lab, red, red)){.border-white\/26{border-color:color-mix(in oklab, var(--color-white) 26%, transparent)}}.border-white\/28{border-color:#ffffff47}@supports (color:color-mix(in lab, red, red)){.border-white\/28{border-color:color-mix(in oklab, var(--color-white) 28%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-\[\#0a0b0f\]{background-color:#0a0b0f}.bg-\[\#05060a\]{background-color:#05060a}.bg-\[\#06070b\]{background-color:#06070b}.bg-\[\#08090d\]{background-color:#08090d}.bg-\[\#f7f1ea\]{background-color:#f7f1ea}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(245\,158\,11\,0\.24\)\,transparent_28\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(14\,165\,233\,0\.2\)\,transparent_32\%\)\,\#f6efe6\]{background-color:radial-gradient(circle at top left,#f59e0b3d,transparent 28%),radial-gradient(circle at bottom right,#0ea5e933,transparent 32%),#f6efe6}.bg-amber-300\/80{background-color:#ffd236cc}@supports (color:color-mix(in lab, red, red)){.bg-amber-300\/80{background-color:color-mix(in oklab, var(--color-amber-300) 80%, transparent)}}.bg-amber-300\/\[0\.09\]{background-color:#ffd23617}@supports (color:color-mix(in lab, red, red)){.bg-amber-300\/\[0\.09\]{background-color:color-mix(in oklab, var(--color-amber-300) 9%, transparent)}}.bg-amber-300\/\[0\.045\]{background-color:#ffd2360b}@supports (color:color-mix(in lab, red, red)){.bg-amber-300\/\[0\.045\]{background-color:color-mix(in oklab, var(--color-amber-300) 4.5%, transparent)}}.bg-amber-400\/12{background-color:#fcbb001f}@supports (color:color-mix(in lab, red, red)){.bg-amber-400\/12{background-color:color-mix(in oklab, var(--color-amber-400) 12%, transparent)}}.bg-amber-500\/12{background-color:#f99c001f}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/12{background-color:color-mix(in oklab, var(--color-amber-500) 12%, transparent)}}.bg-black\/18{background-color:#0000002e}@supports (color:color-mix(in lab, red, red)){.bg-black\/18{background-color:color-mix(in oklab, var(--color-black) 18%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/28{background-color:#00000047}@supports (color:color-mix(in lab, red, red)){.bg-black\/28{background-color:color-mix(in oklab, var(--color-black) 28%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/34{background-color:#00000057}@supports (color:color-mix(in lab, red, red)){.bg-black\/34{background-color:color-mix(in oklab, var(--color-black) 34%, transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\/36{background-color:#0000005c}@supports (color:color-mix(in lab, red, red)){.bg-black\/36{background-color:color-mix(in oklab, var(--color-black) 36%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-black\/58{background-color:#00000094}@supports (color:color-mix(in lab, red, red)){.bg-black\/58{background-color:color-mix(in oklab, var(--color-black) 58%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/62{background-color:#0000009e}@supports (color:color-mix(in lab, red, red)){.bg-black\/62{background-color:color-mix(in oklab, var(--color-black) 62%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/72{background-color:#000000b8}@supports (color:color-mix(in lab, red, red)){.bg-black\/72{background-color:color-mix(in oklab, var(--color-black) 72%, transparent)}}.bg-black\/82{background-color:#000000d1}@supports (color:color-mix(in lab, red, red)){.bg-black\/82{background-color:color-mix(in oklab, var(--color-black) 82%, transparent)}}.bg-emerald-300\/\[0\.045\]{background-color:#5ee9b50b}@supports (color:color-mix(in lab, red, red)){.bg-emerald-300\/\[0\.045\]{background-color:color-mix(in oklab, var(--color-emerald-300) 4.5%, transparent)}}.bg-emerald-500\/12{background-color:#00bb7f1f}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/12{background-color:color-mix(in oklab, var(--color-emerald-500) 12%, transparent)}}.bg-rose-300\/\[0\.1\]{background-color:#ffa2ae1a}@supports (color:color-mix(in lab, red, red)){.bg-rose-300\/\[0\.1\]{background-color:color-mix(in oklab, var(--color-rose-300) 10%, transparent)}}.bg-rose-500\/12{background-color:#ff23571f}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/12{background-color:color-mix(in oklab, var(--color-rose-500) 12%, transparent)}}.bg-rose-500\/14{background-color:#ff235724}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/14{background-color:color-mix(in oklab, var(--color-rose-500) 14%, transparent)}}.bg-rose-500\/18{background-color:#ff23572e}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/18{background-color:color-mix(in oklab, var(--color-rose-500) 18%, transparent)}}.bg-sky-300\/80{background-color:#77d4ffcc}@supports (color:color-mix(in lab, red, red)){.bg-sky-300\/80{background-color:color-mix(in oklab, var(--color-sky-300) 80%, transparent)}}.bg-sky-300\/\[0\.045\]{background-color:#77d4ff0b}@supports (color:color-mix(in lab, red, red)){.bg-sky-300\/\[0\.045\]{background-color:color-mix(in oklab, var(--color-sky-300) 4.5%, transparent)}}.bg-sky-500\/14{background-color:#00a5ef24}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/14{background-color:color-mix(in oklab, var(--color-sky-500) 14%, transparent)}}.bg-stone-900{background-color:var(--color-stone-900)}.bg-transparent{background-color:#0000}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/12{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.bg-white\/12{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.bg-white\/34{background-color:#ffffff57}@supports (color:color-mix(in lab, red, red)){.bg-white\/34{background-color:color-mix(in oklab, var(--color-white) 34%, transparent)}}.bg-white\/52{background-color:#ffffff85}@supports (color:color-mix(in lab, red, red)){.bg-white\/52{background-color:color-mix(in oklab, var(--color-white) 52%, transparent)}}.bg-white\/65{background-color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.bg-white\/65{background-color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-white\/\[0\.035\]{background-color:#ffffff09}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.035\]{background-color:color-mix(in oklab, var(--color-white) 3.5%, transparent)}}.bg-\[linear-gradient\(180deg\,\#0a0b10\,\#05060a\)\]{background-image:linear-gradient(#0a0b10,#05060a)}.bg-\[linear-gradient\(180deg\,\#0b0c11\,\#06070b\)\]{background-image:linear-gradient(#0b0c11,#06070b)}.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.18\)\,rgba\(255\,255\,255\,0\.02\)\)\]{background-image:linear-gradient(#0000002e,#ffffff05)}.bg-\[linear-gradient\(180deg\,rgba\(6\,7\,10\,0\.96\)\,rgba\(6\,7\,10\,0\.84\)\)\]{background-image:linear-gradient(#06070af5,#06070ad6)}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,rgba\(255\,255\,255\,0\.02\)\)\,radial-gradient\(circle_at_center\,rgba\(16\,185\,129\,0\.14\)\,transparent_58\%\)\]{background-image:linear-gradient(#ffffff0a,#ffffff05),radial-gradient(circle,#10b98124,#0000 58%)}.bg-\[linear-gradient\(180deg\,transparent\,rgba\(0\,0\,0\,0\.42\)_24\%\,rgba\(0\,0\,0\,0\.78\)\)\]{background-image:linear-gradient(#0000,#0000006b 24%,#000000c7)}.bg-\[radial-gradient\(circle\,rgba\(16\,185\,129\,0\.16\)\,transparent_66\%\)\]{background-image:radial-gradient(circle,#10b98129,#0000 66%)}.bg-\[radial-gradient\(circle\,rgba\(239\,68\,68\,0\.12\)\,transparent_66\%\)\]{background-image:radial-gradient(circle,#ef44441f,#0000 66%)}.bg-\[radial-gradient\(circle\,rgba\(255\,255\,255\,0\.08\)\,transparent_62\%\)\]{background-image:radial-gradient(circle,#ffffff14,#0000 62%)}.bg-\[radial-gradient\(circle_at_center\,rgba\(239\,68\,68\,0\.12\)\,transparent_65\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,rgba\(255\,255\,255\,0\.02\)\)\]{background-image:radial-gradient(circle,#ef44441f,#0000 65%),linear-gradient(#ffffff0a,#ffffff05)}.bg-\[radial-gradient\(circle_at_center\,rgba\(255\,255\,255\,0\.08\)\,transparent_65\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,rgba\(255\,255\,255\,0\.02\)\)\]{background-image:radial-gradient(circle,#ffffff14,#0000 65%),linear-gradient(#ffffff0a,#ffffff05)}.bg-\[radial-gradient\(circle_at_top_center\,rgba\(255\,255\,255\,0\.04\)\,transparent_28\%\)\,linear-gradient\(180deg\,\#06070b\,\#05060a\)\]{background-image:radial-gradient(circle at top,#ffffff0a,#0000 28%),linear-gradient(#06070b,#05060a)}.stroke-2{stroke-width:2px}.stroke-\[1\.8\]{stroke-width:1.8px}.stroke-\[1\.9\]{stroke-width:1.9px}.stroke-\[2\.1\]{stroke-width:2.1px}.stroke-\[2\.2\]{stroke-width:2.2px}.stroke-\[2\]{stroke-width:2px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[clamp\(1\.25rem\,2\.6vw\,2\.25rem\)\]{padding:clamp(1.25rem,2.6vw,2.25rem)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[clamp\(1rem\,2\.6vw\,2\.25rem\)\]{padding-inline:clamp(1rem,2.6vw,2.25rem)}.px-\[clamp\(2rem\,4vw\,3rem\)\]{padding-inline:clamp(2rem,4vw,3rem)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-\[clamp\(2rem\,4vw\,3rem\)\]{padding-block:clamp(2rem,4vw,3rem)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[1\.15rem\]{padding-bottom:1.15rem}.pb-\[5\.75rem\]{padding-bottom:5.75rem}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.\[font-family\:\'Segoe_UI_Variable\'\,\'Segoe_UI\'\,sans-serif\]{font-family:Segoe UI Variable,Segoe UI,sans-serif}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.63rem\]{font-size:.63rem}.text-\[0\.64rem\]{font-size:.64rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.74rem\]{font-size:.74rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.8rem\]{font-size:1.8rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[clamp\(2rem\,4vw\,3\.35rem\)\]{font-size:clamp(2rem,4vw,3.35rem)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[0\.94\]{--tw-leading:.94;line-height:.94}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-\[0\.32em\]{--tw-tracking:.32em;letter-spacing:.32em}.tracking-\[0\.38em\]{--tw-tracking:.38em;letter-spacing:.38em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\[\#78dce8\]{color:#78dce8}.text-\[\#72798a\]{color:#72798a}.text-\[\#a9dc76\]{color:#a9dc76}.text-\[\#ab9df2\]{color:#ab9df2}.text-\[\#f7f1ea\]{color:#f7f1ea}.text-\[\#f7f1ea\]\/34{color:oklab(96.0873% .0035257 .0107867/.34)}.text-\[\#f7f1ea\]\/36{color:oklab(96.0873% .0035257 .0107867/.36)}.text-\[\#f7f1ea\]\/38{color:oklab(96.0873% .0035257 .0107867/.38)}.text-\[\#f7f1ea\]\/42{color:oklab(96.0873% .0035257 .0107867/.42)}.text-\[\#f7f1ea\]\/44{color:oklab(96.0873% .0035257 .0107867/.44)}.text-\[\#f7f1ea\]\/46{color:oklab(96.0873% .0035257 .0107867/.46)}.text-\[\#f7f1ea\]\/48{color:oklab(96.0873% .0035257 .0107867/.48)}.text-\[\#f7f1ea\]\/54{color:oklab(96.0873% .0035257 .0107867/.54)}.text-\[\#f7f1ea\]\/56{color:oklab(96.0873% .0035257 .0107867/.56)}.text-\[\#f7f1ea\]\/58{color:oklab(96.0873% .0035257 .0107867/.58)}.text-\[\#f7f1ea\]\/62{color:oklab(96.0873% .0035257 .0107867/.62)}.text-\[\#f7f1ea\]\/64{color:oklab(96.0873% .0035257 .0107867/.64)}.text-\[\#f7f1ea\]\/66{color:oklab(96.0873% .0035257 .0107867/.66)}.text-\[\#f7f1ea\]\/68{color:oklab(96.0873% .0035257 .0107867/.68)}.text-\[\#f7f1ea\]\/70{color:oklab(96.0873% .0035257 .0107867/.7)}.text-\[\#f7f1ea\]\/72{color:oklab(96.0873% .0035257 .0107867/.72)}.text-\[\#f7f1ea\]\/74{color:oklab(96.0873% .0035257 .0107867/.74)}.text-\[\#f7f1ea\]\/76{color:oklab(96.0873% .0035257 .0107867/.76)}.text-\[\#f7f1ea\]\/78{color:oklab(96.0873% .0035257 .0107867/.78)}.text-\[\#f7f1ea\]\/82{color:oklab(96.0873% .0035257 .0107867/.82)}.text-\[\#f7f1ea\]\/86{color:oklab(96.0873% .0035257 .0107867/.86)}.text-\[\#fc9867\]{color:#fc9867}.text-\[\#ff7ab8\]{color:#ff7ab8}.text-\[\#ff6188\]{color:#ff6188}.text-\[\#ffd866\]{color:#ffd866}.text-amber-50{color:var(--color-amber-50)}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.text-rose-50{color:var(--color-rose-50)}.text-rose-100{color:var(--color-rose-100)}.text-sky-50{color:var(--color-sky-50)}.text-stone-500{color:var(--color-stone-500)}.text-stone-950{color:var(--color-stone-950)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-45{opacity:.45}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow-\[-28px_0_80px_-48px_rgba\(0\,0\,0\,0\.92\)\]{--tw-shadow:-28px 0 80px -48px var(--tw-shadow-color,#000000eb);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_-18px_rgba\(0\,0\,0\,0\.85\)\]{--tw-shadow:0 18px 40px -18px var(--tw-shadow-color,#000000d9);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_50px_-20px_rgba\(0\,0\,0\,0\.85\)\]{--tw-shadow:0 20px 50px -20px var(--tw-shadow-color,#000000d9);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_60px_-48px_rgba\(0\,0\,0\,0\.9\)\]{--tw-shadow:0 20px 60px -48px var(--tw-shadow-color,#000000e6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_60px_-42px_rgba\(0\,0\,0\,0\.88\)\]{--tw-shadow:0 24px 60px -42px var(--tw-shadow-color,#000000e0);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_28px_80px_-50px_rgba\(0\,0\,0\,0\.88\)\]{--tw-shadow:0 28px 80px -50px var(--tw-shadow-color,#000000e0);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_30px_90px_-48px_rgba\(31\,26\,22\,0\.45\)\]{--tw-shadow:0 30px 90px -48px var(--tw-shadow-color,#1f1a1673);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_40px_120px_-60px_rgba\(0\,0\,0\,0\.9\)\]{--tw-shadow:0 40px 120px -60px var(--tw-shadow-color,#000000e6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[20px_0_80px_-60px_rgba\(0\,0\,0\,0\.92\)\]{--tw-shadow:20px 0 80px -60px var(--tw-shadow-color,#000000eb);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[14px\]{--tw-backdrop-blur:blur(14px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[18px\]{--tw-backdrop-blur:blur(18px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\]{transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background\]{transition-property:border-color,background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,transform\]{transition-property:border-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\,transform\,background-color\,opacity\]{transition-property:height,transform,background-color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-260{--tw-duration:.26s;transition-duration:.26s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-320{--tw-duration:.32s;transition-duration:.32s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\[opacity\,transform\]{will-change:opacity,transform}.will-change-transform{will-change:transform}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:border-sky-200\/60:hover{border-color:#b8e6fe99}@supports (color:color-mix(in lab, red, red)){.hover\:border-sky-200\/60:hover{border-color:color-mix(in oklab, var(--color-sky-200) 60%, transparent)}}.hover\:border-white\/18:hover{border-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/18:hover{border-color:color-mix(in oklab, var(--color-white) 18%, transparent)}}.hover\:border-white\/22:hover{border-color:#ffffff38}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/22:hover{border-color:color-mix(in oklab, var(--color-white) 22%, transparent)}}.hover\:border-white\/24:hover{border-color:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/24:hover{border-color:color-mix(in oklab, var(--color-white) 24%, transparent)}}.hover\:border-white\/28:hover{border-color:#ffffff47}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/28:hover{border-color:color-mix(in oklab, var(--color-white) 28%, transparent)}}.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:bg-amber-300\/\[0\.14\]:hover{background-color:#ffd23624}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-300\/\[0\.14\]:hover{background-color:color-mix(in oklab, var(--color-amber-300) 14.0%, transparent)}}.hover\:bg-black\/35:hover{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/35:hover{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.hover\:bg-black\/45:hover{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/45:hover{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.hover\:bg-black\/48:hover{background-color:#0000007a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/48:hover{background-color:color-mix(in oklab, var(--color-black) 48%, transparent)}}.hover\:bg-black\/50:hover{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/50:hover{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.hover\:bg-black\/55:hover{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/55:hover{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.hover\:bg-black\/65:hover{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/65:hover{background-color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.hover\:bg-rose-500\/28:hover{background-color:#ff235747}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/28:hover{background-color:color-mix(in oklab, var(--color-rose-500) 28%, transparent)}}.hover\:bg-sky-500\/22:hover{background-color:#00a5ef38}@supports (color:color-mix(in lab, red, red)){.hover\:bg-sky-500\/22:hover{background-color:color-mix(in oklab, var(--color-sky-500) 22%, transparent)}}.hover\:bg-white\/12:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/12:hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.08\]:hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.hover\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.07\)\,rgba\(255\,255\,255\,0\.03\)\)\,radial-gradient\(circle_at_center\,rgba\(16\,185\,129\,0\.18\)\,transparent_58\%\)\]:hover{background-image:linear-gradient(#ffffff12,#ffffff08),radial-gradient(circle,#10b9812e,#0000 58%)}.hover\:text-\[\#f7f1ea\]:hover{color:#f7f1ea}.hover\:text-white:hover{color:var(--color-white)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-\[\#f7f1ea\]:focus-visible{outline-color:#f7f1ea}@media (hover:hover){.enabled\:hover\:border-amber-200\/56:enabled:hover{border-color:#fee6858f}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:border-amber-200\/56:enabled:hover{border-color:color-mix(in oklab, var(--color-amber-200) 56%, transparent)}}.enabled\:hover\:border-amber-300\/55:enabled:hover{border-color:#ffd2368c}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:border-amber-300\/55:enabled:hover{border-color:color-mix(in oklab, var(--color-amber-300) 55%, transparent)}}.enabled\:hover\:border-rose-200\/56:enabled:hover{border-color:#ffccd38f}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:border-rose-200\/56:enabled:hover{border-color:color-mix(in oklab, var(--color-rose-200) 56%, transparent)}}.enabled\:hover\:border-rose-300\/55:enabled:hover{border-color:#ffa2ae8c}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:border-rose-300\/55:enabled:hover{border-color:color-mix(in oklab, var(--color-rose-300) 55%, transparent)}}.enabled\:hover\:bg-amber-400\/20:enabled:hover{background-color:#fcbb0033}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:bg-amber-400\/20:enabled:hover{background-color:color-mix(in oklab, var(--color-amber-400) 20%, transparent)}}.enabled\:hover\:bg-amber-500\/20:enabled:hover{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:bg-amber-500\/20:enabled:hover{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.enabled\:hover\:bg-rose-500\/20:enabled:hover{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:bg-rose-500\/20:enabled:hover{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.enabled\:hover\:bg-rose-500\/22:enabled:hover{background-color:#ff235738}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:bg-rose-500\/22:enabled:hover{background-color:color-mix(in oklab, var(--color-rose-500) 22%, transparent)}}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-white\/10:disabled{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.disabled\:border-white\/10:disabled{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.disabled\:bg-white\/\[0\.03\]:disabled{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-white\/\[0\.03\]:disabled{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.disabled\:text-\[\#f7f1ea\]\/34:disabled{color:oklab(96.0873% .0035257 .0107867/.34)}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media not all and (width>=720px){.max-\[720px\]\:bottom-\[1\.3rem\]{bottom:1.3rem}.max-\[720px\]\:bottom-\[7\.4rem\]{bottom:7.4rem}.max-\[720px\]\:w-\[calc\(100\%-2\.5rem\)\]{width:calc(100% - 2.5rem)}.max-\[720px\]\:justify-center{justify-content:center}.max-\[720px\]\:justify-items-start{justify-items:start}.max-\[720px\]\:pb-\[7rem\]{padding-bottom:7rem}}@media (width>=721px){.min-\[721px\]\:gap-3{gap:calc(var(--spacing) * 3)}.min-\[721px\]\:px-4{padding-inline:calc(var(--spacing) * 4)}.min-\[721px\]\:py-3{padding-block:calc(var(--spacing) * 3)}.min-\[721px\]\:pl-3{padding-left:calc(var(--spacing) * 3)}.min-\[721px\]\:text-\[0\.74rem\]{font-size:.74rem}.min-\[721px\]\:text-\[1\.2rem\]{font-size:1.2rem}.min-\[721px\]\:tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}}@media (width>=1024px){.min-\[1024px\]\:block{display:block}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[auto_auto\]{grid-template-columns:auto auto}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-\[0\.98rem\]{font-size:.98rem}.sm\:text-\[1\.55rem\]{font-size:1.55rem}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-0{top:calc(var(--spacing) * 0)}.lg\:grid-cols-\[17rem_minmax\(0\,1fr\)\]{grid-template-columns:17rem minmax(0,1fr)}.lg\:grid-cols-\[240px_minmax\(0\,1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.lg\:items-start{align-items:flex-start}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:self-start{align-self:flex-start}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media (width>=80rem){.xl\:sticky{position:sticky}.xl\:top-5{top:calc(var(--spacing) * 5)}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[24rem_minmax\(0\,1fr\)\]{grid-template-columns:24rem minmax(0,1fr)}.xl\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(320px\,0\.82fr\)\]{grid-template-columns:minmax(0,1.3fr) minmax(320px,.82fr)}.xl\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.xl\:items-end{align-items:flex-end}.xl\:justify-items-end{justify-items:end}.xl\:self-start{align-self:flex-start}.xl\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.xl\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}.vibe-media-slider{appearance:none}.vibe-media-slider::-webkit-slider-runnable-track{background:0 0;height:1rem}.vibe-media-slider::-webkit-slider-thumb{appearance:none;background:#f7f1ea;border:1px solid #f7f1ea33;border-radius:9999px;width:.875rem;height:.875rem;margin-top:1px}.vibe-media-slider::-moz-range-track{background:0 0;height:1rem}.vibe-media-slider::-moz-range-thumb{background:#f7f1ea;border:1px solid #f7f1ea33;border-radius:9999px;width:.875rem;height:.875rem}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyxos/vibe",
-  "version": "3.1.17",
+  "version": "3.1.19",
   "description": "A Vue 3 media viewer for large feeds of image, video, audio, and mixed-content items.",
   "keywords": [
     "vue",