@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/hooks/useFormReset.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useEffect as e, useRef as t } from "react";
-//#region src/hooks/useFormReset.ts
+// src/hooks/useFormReset.ts
 function n(n, r, i = !0) {
 	let a = t(r);
 	a.current = r, e(() => {
@@ -12,5 +13,4 @@ function n(n, r, i = !0) {
 		return t.addEventListener("reset", r), () => t.removeEventListener("reset", r);
 	}, [i]);
 }
-//#endregion
 export { n as useFormReset };

package/dist/hooks/useFormValidation.cjs.js

@@ -1 +1 @@
-const e=require("../components/utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../utils/validators.cjs.js");let n=require("react");var r=`input:not([type="hidden"]):not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]`,i=e=>e.getClientRects().length>0,a=e=>e instanceof HTMLElement&&e.matches(r)&&i(e)&&!(e instanceof HTMLInputElement&&e.type===`hidden`);function o(e,t){for(let n=e.parentElement,r=0;n&&n!==t&&r<6;n=n.parentElement,r++){let e=new Set(Array.from(n.querySelectorAll(`input[type="hidden"][name]`)).map(e=>e.name));if(e.size===1)return[...e][0];if(e.size>1)return}}function s(e,t){return e.name||o(e,t)||e.id||void 0}function c(e,t){let n=Array.from(t.querySelectorAll(`[name="${CSS.escape(e)}"]`)),i=n.find(a);if(i)return i;for(let e of n)for(let n=e.parentElement,i=0;n&&n!==t&&i<6;n=n.parentElement,i++){let e=Array.from(n.querySelectorAll(r)).find(a);if(e)return e}let o=t.querySelector(`#${CSS.escape(e)}`);return o&&a(o)?o:void 0}function l(e){let t={};return new FormData(e).forEach((e,n)=>{let r=t[n];t[n]=r===void 0?e:Array.isArray(r)?[...r,e]:[r,e]}),t}function u(e,n,r){let i=e instanceof HTMLInputElement&&e.type===`email`&&e.value&&!e.multiple&&!t.isEmail(e.value.trim()),a=e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement?e:void 0,o=a?a.value.length:0,s=a&&o>0&&a.minLength>0&&o<a.minLength?n.tooShort(a.minLength):a&&a.maxLength>=0&&o>a.maxLength?n.tooLong(a.maxLength):void 0,c=e.validity;if(c.valid&&!i&&!s)return;if(c.customError)return e.validationMessage;if(c.valueMissing)return n.required;let l=e instanceof HTMLInputElement?e:void 0;if(c.typeMismatch||i)return l?.type===`email`?n.email:l?.type===`url`?n.url:n.invalid;if(c.badInput)return l?.type===`number`?n.number:n.invalid;if(c.patternMismatch)return l?.title||n.pattern;if(s)return s;let u=e=>l&&(l.type===`number`||l.type===`range`)&&e!==``&&!Number.isNaN(Number(e))?new Intl.NumberFormat(r).format(Number(e)):e;return c.rangeUnderflow&&l?n.min(u(l.min)):c.rangeOverflow&&l?n.max(u(l.max)):c.stepMismatch?n.step:n.invalid}var d=(e,t)=>e.length===t.length&&e.every((e,n)=>e.name===t[n].name&&e.message===t[n].message&&e.source===t[n].source);function f(e,t){if(!t)return e;let n=e=>{let n=c(e.name,t);return n?Array.from(t.querySelectorAll(`*`)).indexOf(n):2**53-1},r=new Map(e.map(e=>[e,n(e)]));return[...e].sort((e,t)=>r.get(e)-r.get(t))}function p(t={}){let{rules:r={},onValid:i,focusOnError:a=!0}=t,{messages:o,locale:p}=e.useLocale(),m=(0,n.useRef)(null),h=(0,n.useRef)(null),[g,_]=(0,n.useState)([]),[v,y]=(0,n.useState)(0),[b,x]=(0,n.useState)(!1),[S,C]=(0,n.useState)(0),w=(0,n.useRef)({rules:r,onValid:i,messages:o.validation,locale:p});w.current={rules:r,onValid:i,messages:o.validation,locale:p};let T=(0,n.useCallback)((e,t,n)=>({name:e,message:t,source:n,get id(){let t=m.current;return t&&c(e,t)?.id||void 0},focus:()=>{let t=m.current;(t&&c(e,t))?.focus()}}),[]),E=(0,n.useCallback)(e=>{let t=m.current,n=new Map;if(!t)return n;let{rules:r,messages:i,locale:a}=w.current,o=t=>!e||e.includes(t);for(let e of Array.from(t.elements)){if(!(`validity`in e)||!e.willValidate||e.disabled)continue;let r=s(e,t);if(!r||!o(r)||n.has(r))continue;let c=u(e,i,a);c&&n.set(r,c)}let c=l(t);for(let[e,t]of Object.entries(r))if(o(e)&&!n.has(e))for(let r of Array.isArray(t)?t:[t]){let t=r(c[e],{name:e,values:c,messages:i});if(t){n.set(e,t);break}}return n},[]),D=(0,n.useCallback)((e,t,{onlyClear:n=!1}={})=>{_(r=>{let i=e=>!t||t.includes(e),a=[];for(let o of r)i(o.name)?n?e.has(o.name)&&a.push(o):t&&o.source===`server`&&!e.has(o.name)&&a.push(o):a.push(o);if(!n)for(let[t,n]of e)a.push(T(t,n,`client`));let o=f(a,m.current);return d(r,o)?r:o})},[T]),O=(0,n.useCallback)(e=>{let t=E(e);return D(t,e),t.size===0},[E,D]),k=(0,n.useCallback)(e=>{let t=Object.entries(e).filter(([,e])=>e);t.length&&(_(n=>f([...n.filter(t=>!(t.name in e)),...t.map(([e,t])=>T(e,t,`server`))],m.current)),a&&C(e=>e+1))},[T,a]),A=(0,n.useCallback)(e=>{_(t=>e?t.filter(t=>!e.includes(t.name)):[])},[]),j=(0,n.useCallback)(()=>m.current?l(m.current):{},[]);(0,n.useEffect)(()=>{S&&a&&(h.current&&h.current.isConnected?h.current.focus():g[0]?.focus())},[S]);let M=(0,n.useCallback)(e=>{y(e=>e+1);let t=E();if(D(t),t.size>0){e.preventDefault(),a&&C(e=>e+1);return}let n=w.current.onValid;if(!n)return;e.preventDefault();let r=n(l(e.currentTarget),e);r&&typeof r.then==`function`?(x(!0),r.then(e=>{e&&k(e)}).finally(()=>x(!1))):r&&k(r)},[E,D,k,a]),N=e=>{let t=m.current,n=e.target;if(t&&v!==0&&n instanceof Element)return s(n,t)},P=e=>{if(e.target instanceof HTMLSelectElement)return;let t=N(e);t&&(_(e=>e.some(e=>e.name===t&&e.source===`server`)?e.filter(e=>e.name!==t||e.source!==`server`):e),D(E([t]),[t],{onlyClear:!0}))},F=e=>{let t=N(e);if(!t)return;let n=g.filter(e=>e.source===`client`).map(e=>e.name),r=Array.from(new Set([t,...n]));D(E(r),r)},I=(0,n.useMemo)(()=>Object.fromEntries(g.map(e=>[e.name,e.message])),[g]);return{formProps:{ref:e=>{m.current=e},noValidate:!0,onSubmit:M,onInput:P,onChange:e=>{let t=e.target;t instanceof HTMLTextAreaElement||t instanceof HTMLInputElement&&![`checkbox`,`radio`,`file`].includes(t.type)||F(e)},onBlur:F},formRef:m,errors:I,errorList:g,summaryRef:h,isSubmitting:b,submitCount:v,validate:O,setErrors:k,clearErrors:A,getValues:j}}exports.useFormValidation=p;
+"use client";const e=require("../components/utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../utils/validators.cjs.js");let n=require("react");var r=`input:not([type="hidden"]):not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]`,i=e=>e.getClientRects().length>0,a=e=>e instanceof HTMLElement&&e.matches(r)&&i(e)&&!(e instanceof HTMLInputElement&&e.type===`hidden`);function o(e,t){for(let n=e.parentElement,r=0;n&&n!==t&&r<6;n=n.parentElement,r++){let e=new Set(Array.from(n.querySelectorAll(`input[type="hidden"][name]`)).map(e=>e.name));if(e.size===1)return[...e][0];if(e.size>1)return}}function s(e,t){return e.name||o(e,t)||e.id||void 0}function c(e,t){let n=Array.from(t.querySelectorAll(`[name="${CSS.escape(e)}"]`)),i=n.find(a);if(i)return i;for(let e of n)for(let n=e.parentElement,i=0;n&&n!==t&&i<6;n=n.parentElement,i++){let e=Array.from(n.querySelectorAll(r)).find(a);if(e)return e}let o=t.querySelector(`#${CSS.escape(e)}`);return o&&a(o)?o:void 0}function l(e){let t={};return new FormData(e).forEach((e,n)=>{let r=t[n];t[n]=r===void 0?e:Array.isArray(r)?[...r,e]:[r,e]}),t}function u(e,n,r){let i=e instanceof HTMLInputElement&&e.type===`email`&&e.value&&!e.multiple&&!t.isEmail(e.value.trim()),a=e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement?e:void 0,o=a?a.value.length:0,s=a&&o>0&&a.minLength>0&&o<a.minLength?n.tooShort(a.minLength):a&&a.maxLength>=0&&o>a.maxLength?n.tooLong(a.maxLength):void 0,c=e.validity;if(c.valid&&!i&&!s)return;if(c.customError)return e.validationMessage;if(c.valueMissing)return n.required;let l=e instanceof HTMLInputElement?e:void 0;if(c.typeMismatch||i)return l?.type===`email`?n.email:l?.type===`url`?n.url:n.invalid;if(c.badInput)return l?.type===`number`?n.number:n.invalid;if(c.patternMismatch)return l?.title||n.pattern;if(s)return s;let u=e=>l&&(l.type===`number`||l.type===`range`)&&e!==``&&!Number.isNaN(Number(e))?new Intl.NumberFormat(r).format(Number(e)):e;return c.rangeUnderflow&&l?n.min(u(l.min)):c.rangeOverflow&&l?n.max(u(l.max)):c.stepMismatch?n.step:n.invalid}var d=(e,t)=>e.length===t.length&&e.every((e,n)=>e.name===t[n].name&&e.message===t[n].message&&e.source===t[n].source);function f(e,t){if(!t)return e;let n=e=>{let n=c(e.name,t);return n?Array.from(t.querySelectorAll(`*`)).indexOf(n):2**53-1},r=new Map(e.map(e=>[e,n(e)]));return[...e].sort((e,t)=>r.get(e)-r.get(t))}function p(t={}){let{rules:r={},onValid:i,focusOnError:a=!0}=t,{messages:o,locale:p}=e.useLocale(),m=(0,n.useRef)(null),h=(0,n.useRef)(null),[g,_]=(0,n.useState)([]),[v,y]=(0,n.useState)(0),[b,x]=(0,n.useState)(!1),[S,C]=(0,n.useState)(0),w=(0,n.useRef)({rules:r,onValid:i,messages:o.validation,locale:p});w.current={rules:r,onValid:i,messages:o.validation,locale:p};let T=(0,n.useCallback)((e,t,n)=>({name:e,message:t,source:n,get id(){let t=m.current;return t&&c(e,t)?.id||void 0},focus:()=>{let t=m.current;(t&&c(e,t))?.focus()}}),[]),E=(0,n.useCallback)(e=>{let t=m.current,n=new Map;if(!t)return n;let{rules:r,messages:i,locale:a}=w.current,o=t=>!e||e.includes(t);for(let e of Array.from(t.elements)){if(!(`validity`in e)||!e.willValidate||e.disabled)continue;let r=s(e,t);if(!r||!o(r)||n.has(r))continue;let c=u(e,i,a);c&&n.set(r,c)}let c=l(t);for(let[e,t]of Object.entries(r))if(o(e)&&!n.has(e))for(let r of Array.isArray(t)?t:[t]){let t=r(c[e],{name:e,values:c,messages:i});if(t){n.set(e,t);break}}return n},[]),D=(0,n.useCallback)((e,t,{onlyClear:n=!1}={})=>{_(r=>{let i=e=>!t||t.includes(e),a=[];for(let o of r)i(o.name)?n?e.has(o.name)&&a.push(o):t&&o.source===`server`&&!e.has(o.name)&&a.push(o):a.push(o);if(!n)for(let[t,n]of e)a.push(T(t,n,`client`));let o=f(a,m.current);return d(r,o)?r:o})},[T]),O=(0,n.useCallback)(e=>{let t=E(e);return D(t,e),t.size===0},[E,D]),k=(0,n.useCallback)(e=>{let t=Object.entries(e).filter(([,e])=>e);t.length&&(_(n=>f([...n.filter(t=>!(t.name in e)),...t.map(([e,t])=>T(e,t,`server`))],m.current)),a&&C(e=>e+1))},[T,a]),A=(0,n.useCallback)(e=>{_(t=>e?t.filter(t=>!e.includes(t.name)):[])},[]),j=(0,n.useCallback)(()=>m.current?l(m.current):{},[]);(0,n.useEffect)(()=>{S&&a&&(h.current&&h.current.isConnected?h.current.focus():g[0]?.focus())},[S]);let M=(0,n.useCallback)(e=>{y(e=>e+1);let t=E();if(D(t),t.size>0){e.preventDefault(),a&&C(e=>e+1);return}let n=w.current.onValid;if(!n)return;e.preventDefault();let r=n(l(e.currentTarget),e);r&&typeof r.then==`function`?(x(!0),r.then(e=>{e&&k(e)}).finally(()=>x(!1))):r&&k(r)},[E,D,k,a]),N=e=>{let t=m.current,n=e.target;if(t&&v!==0&&n instanceof Element)return s(n,t)},P=e=>{if(e.target instanceof HTMLSelectElement)return;let t=N(e);t&&(_(e=>e.some(e=>e.name===t&&e.source===`server`)?e.filter(e=>e.name!==t||e.source!==`server`):e),D(E([t]),[t],{onlyClear:!0}))},F=e=>{let t=N(e);if(!t)return;let n=g.filter(e=>e.source===`client`).map(e=>e.name),r=Array.from(new Set([t,...n]));D(E(r),r)},I=(0,n.useMemo)(()=>Object.fromEntries(g.map(e=>[e.name,e.message])),[g]);return{formProps:{ref:e=>{m.current=e},noValidate:!0,onSubmit:M,onInput:P,onChange:e=>{let t=e.target;t instanceof HTMLTextAreaElement||t instanceof HTMLInputElement&&![`checkbox`,`radio`,`file`].includes(t.type)||F(e)},onBlur:F},formRef:m,errors:I,errorList:g,summaryRef:h,isSubmitting:b,submitCount:v,validate:O,setErrors:k,clearErrors:A,getValues:j}}exports.useFormValidation=p;

package/dist/hooks/useFormValidation.mjs

@@ -1,7 +1,8 @@
+"use client";
 import { useLocale as e } from "../components/utilities/LocaleProvider/LocaleProvider.mjs";
 import { isEmail as t } from "../utils/validators.mjs";
 import { useCallback as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-//#region src/hooks/useFormValidation.ts
+// src/hooks/useFormValidation.ts
 var s = "input:not([type=\"hidden\"]):not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]", c = (e) => e.getClientRects().length > 0, l = (e) => e instanceof HTMLElement && e.matches(s) && c(e) && !(e instanceof HTMLInputElement && e.type === "hidden");
 function u(e, t) {
 	for (let n = e.parentElement, r = 0; n && n !== t && r < 6; n = n.parentElement, r++) {
@@ -183,5 +184,4 @@ function _(t = {}) {
 		getValues: F
 	};
 }
-//#endregion
 export { _ as useFormValidation };

package/dist/hooks/useHotkeys.cjs.js

@@ -1 +1 @@
-const e=require("../utils/hotkeys.cjs.js");let t=require("react");var n=e=>e.meta||e.ctrl||e.alt;function r(t,r){let i=e.detectPlatform();for(let[a,o,s={}]of t)for(let t of a.split(`,`)){let a=e.parseHotkey(t.trim(),i);if(a&&e.matchesHotkey(r,a)&&(!e.isTypingTarget(r.target)||n(a)||s.allowInInputs)){s.preventDefault!==!1&&r.preventDefault(),o(r);return}}}function i(e,{enabled:n=!0,target:i}={}){let a=(0,t.useRef)(e);a.current=e,(0,t.useEffect)(()=>{if(!n)return;let e=i??(typeof document<`u`?document:void 0);if(!e)return;let t=e=>r(a.current,e);return e.addEventListener(`keydown`,t),()=>e.removeEventListener(`keydown`,t)},[n,i])}function a(e){return t=>{let n=`nativeEvent`in t?t.nativeEvent:t;r(e.map(([e,t,n])=>[e,t,{allowInInputs:!0,...n}]),n)}}exports.getHotkeyHandler=a,exports.useHotkeys=i;
+"use client";const e=require("../utils/hotkeys.cjs.js");let t=require("react");var n=e=>e.meta||e.ctrl||e.alt;function r(t,r){let i=e.detectPlatform();for(let[a,o,s={}]of t)for(let t of a.split(`,`)){let a=e.parseHotkey(t.trim(),i);if(a&&e.matchesHotkey(r,a)&&(!e.isTypingTarget(r.target)||n(a)||s.allowInInputs)){s.preventDefault!==!1&&r.preventDefault(),o(r);return}}}function i(e,{enabled:n=!0,target:i}={}){let a=(0,t.useRef)(e);a.current=e,(0,t.useEffect)(()=>{if(!n)return;let e=i??(typeof document<`u`?document:void 0);if(!e)return;let t=e=>r(a.current,e);return e.addEventListener(`keydown`,t),()=>e.removeEventListener(`keydown`,t)},[n,i])}function a(e){return t=>{let n=`nativeEvent`in t?t.nativeEvent:t;r(e.map(([e,t,n])=>[e,t,{allowInInputs:!0,...n}]),n)}}exports.getHotkeyHandler=a,exports.useHotkeys=i;

package/dist/hooks/useHotkeys.mjs

@@ -1,6 +1,7 @@
+"use client";
 import { detectPlatform as e, isTypingTarget as t, matchesHotkey as n, parseHotkey as r } from "../utils/hotkeys.mjs";
 import { useEffect as i, useRef as a } from "react";
-//#region src/hooks/useHotkeys.ts
+// src/hooks/useHotkeys.ts
 var o = (e) => e.meta || e.ctrl || e.alt;
 function s(i, a) {
 	let s = e();
@@ -35,5 +36,4 @@ function l(e) {
 		]), n);
 	};
 }
-//#endregion
 export { l as getHotkeyHandler, c as useHotkeys };

package/dist/hooks/useInertOutside.cjs.js

@@ -1 +1 @@
-const e=require("./elementSource.cjs.js"),t=require("./useOverlayLayer.cjs.js");let n=require("react");var r=new Map,i=new Set([`SCRIPT`,`STYLE`,`TEMPLATE`,`LINK`,`META`,`NOSCRIPT`]),a=`[aria-live]:not([aria-live='off']), [role='status'], [role='alert'], [role='log']`;function o(e){let t=r.get(e);if(t){t.count+=1;return}r.set(e,{count:1,inert:e.inert,ariaHidden:e.getAttribute(`aria-hidden`)}),e.inert=!0,e.setAttribute(`aria-hidden`,`true`)}function s(e){let t=r.get(e);t&&(--t.count,!(t.count>0)&&(r.delete(e),e.inert=t.inert,t.ariaHidden===null?e.removeAttribute(`aria-hidden`):e.setAttribute(`aria-hidden`,t.ariaHidden)))}function c(e){if(typeof document>`u`)return()=>{};let t=(Array.isArray(e)?e:[e]).filter(e=>!!e&&e.isConnected);if(t.length===0)return()=>{};let n=document.body,r=Array.from(n.querySelectorAll(a)).filter(e=>!e.closest(`[inert]`)),c=new Set([...t,...r]),l=new Set;c.forEach(e=>{let t=e.parentElement;for(;t&&t!==n;)l.add(t),t=t.parentElement});let u=[],d=e=>{for(let t of Array.from(e.children))c.has(t)||i.has(t.tagName)||(l.has(t)?d(t):t instanceof HTMLElement&&u.push(t))};d(n),u.forEach(o);let f=!1;return()=>{f||(f=!0,u.forEach(s))}}function l(e,n){if(typeof document>`u`)return()=>{};let r=Array.isArray(n)?n:[n],i=()=>c([...r,...t.getChildLayerElements(e),...t.getLayerElementsAbove(e)]),a=i(),o=t.subscribeOverlayLayers(()=>{let e=i();a(),a=e}),s=!1;return()=>{s||(s=!0,o(),a())}}function u(t,r,i){let a=i?.id,o=(0,n.useRef)({key:[],release:null});(0,n.useLayoutEffect)(()=>{let n=r?t.map(t=>e.resolveElement(t)).filter(e=>!!e):[],i=o.current.key;if(n.length===i.length&&n.every((e,t)=>e===i[t]))return;o.current.release?.();let s=n.length===0?null:a?l(a,n):c(n);o.current={key:n,release:s}}),(0,n.useLayoutEffect)(()=>()=>{o.current.release?.(),o.current={key:[],release:null}},[])}exports.inertOutside=c,exports.inertOutsideLayer=l,exports.useInertOutside=u;
+"use client";const e=require("./elementSource.cjs.js"),t=require("./useOverlayLayer.cjs.js");let n=require("react");var r=new Map,i=new Set([`SCRIPT`,`STYLE`,`TEMPLATE`,`LINK`,`META`,`NOSCRIPT`]),a=`[aria-live]:not([aria-live='off']), [role='status'], [role='alert'], [role='log']`;function o(e){let t=r.get(e);t?t.count+=1:(r.set(e,{count:1,inert:e.inert,ariaHidden:e.getAttribute(`aria-hidden`)}),e.inert=!0,e.setAttribute(`aria-hidden`,`true`))}function s(e){let t=r.get(e);t&&(--t.count,t.count>0||(r.delete(e),e.inert=t.inert,t.ariaHidden===null?e.removeAttribute(`aria-hidden`):e.setAttribute(`aria-hidden`,t.ariaHidden)))}function c(e){if(typeof document>`u`)return()=>{};let t=(Array.isArray(e)?e:[e]).filter(e=>!!e&&e.isConnected);if(t.length===0)return()=>{};let n=document.body,r=Array.from(n.querySelectorAll(a)).filter(e=>!e.closest(`[inert]`)),c=new Set([...t,...r]),l=new Set;c.forEach(e=>{let t=e.parentElement;for(;t&&t!==n;)l.add(t),t=t.parentElement});let u=[],d=e=>{for(let t of Array.from(e.children))c.has(t)||i.has(t.tagName)||(l.has(t)?d(t):t instanceof HTMLElement&&u.push(t))};d(n),u.forEach(o);let f=!1;return()=>{f||(f=!0,u.forEach(s))}}function l(e,n){if(typeof document>`u`)return()=>{};let r=Array.isArray(n)?n:[n],i=()=>c([...r,...t.getChildLayerElements(e),...t.getLayerElementsAbove(e)]),a=i(),o=t.subscribeOverlayLayers(()=>{let e=i();a(),a=e}),s=!1;return()=>{s||(s=!0,o(),a())}}function u(t,r,i){let a=i?.id,o=(0,n.useRef)({key:[],release:null});(0,n.useLayoutEffect)(()=>{let n=r?t.map(t=>e.resolveElement(t)).filter(e=>!!e):[],i=o.current.key;if(n.length===i.length&&n.every((e,t)=>e===i[t]))return;o.current.release?.();let s=n.length===0?null:a?l(a,n):c(n);o.current={key:n,release:s}}),(0,n.useLayoutEffect)(()=>()=>{o.current.release?.(),o.current={key:[],release:null}},[])}exports.inertOutside=c,exports.inertOutsideLayer=l,exports.useInertOutside=u;

package/dist/hooks/useInertOutside.mjs

@@ -1,7 +1,8 @@
+"use client";
 import { resolveElement as e } from "./elementSource.mjs";
 import { getChildLayerElements as t, getLayerElementsAbove as n, subscribeOverlayLayers as r } from "./useOverlayLayer.mjs";
 import { useLayoutEffect as i, useRef as a } from "react";
-//#region src/hooks/useInertOutside.ts
+// src/hooks/useInertOutside.ts
 var o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set([
 	"SCRIPT",
 	"STYLE",
@@ -12,19 +13,15 @@ var o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set([
 ]), c = "[aria-live]:not([aria-live='off']), [role='status'], [role='alert'], [role='log']";
 function l(e) {
 	let t = o.get(e);
-	if (t) {
-		t.count += 1;
-		return;
-	}
-	o.set(e, {
+	t ? t.count += 1 : (o.set(e, {
 		count: 1,
 		inert: e.inert,
 		ariaHidden: e.getAttribute("aria-hidden")
-	}), e.inert = !0, e.setAttribute("aria-hidden", "true");
+	}), e.inert = !0, e.setAttribute("aria-hidden", "true"));
 }
 function u(e) {
 	let t = o.get(e);
-	t && (--t.count, !(t.count > 0) && (o.delete(e), e.inert = t.inert, t.ariaHidden === null ? e.removeAttribute("aria-hidden") : e.setAttribute("aria-hidden", t.ariaHidden)));
+	t && (--t.count, t.count > 0 || (o.delete(e), e.inert = t.inert, t.ariaHidden === null ? e.removeAttribute("aria-hidden") : e.setAttribute("aria-hidden", t.ariaHidden)));
 }
 function d(e) {
 	if (typeof document > "u") return () => {};
@@ -79,5 +76,4 @@ function p(t, n, r) {
 		};
 	}, []);
 }
-//#endregion
 export { d as inertOutside, f as inertOutsideLayer, p as useInertOutside };

package/dist/hooks/useMediaQuery.cjs.js

@@ -1 +1 @@
-let e=require("react");var t=()=>typeof window<`u`&&typeof window.matchMedia==`function`;function n(n,r=!1){let i=(0,e.useCallback)(e=>{if(!n||!t())return()=>{};let r=window.matchMedia(n);return r.addEventListener(`change`,e),()=>r.removeEventListener(`change`,e)},[n]);return(0,e.useSyncExternalStore)(i,()=>n&&t()?window.matchMedia(n).matches:r,()=>r)}exports.useMediaQuery=n;
+"use client";let e=require("react");var t=()=>typeof window<`u`&&typeof window.matchMedia==`function`;function n(n,r=!1){let i=(0,e.useCallback)(e=>{if(!n||!t())return()=>{};let r=window.matchMedia(n);return r.addEventListener(`change`,e),()=>r.removeEventListener(`change`,e)},[n]);return(0,e.useSyncExternalStore)(i,()=>n&&t()?window.matchMedia(n).matches:r,()=>r)}exports.useMediaQuery=n;

package/dist/hooks/useMediaQuery.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useCallback as e, useSyncExternalStore as t } from "react";
-//#region src/hooks/useMediaQuery.ts
+// src/hooks/useMediaQuery.ts
 var n = () => typeof window < "u" && typeof window.matchMedia == "function";
 function r(r, i = !1) {
 	let a = e((e) => {
@@ -9,5 +10,4 @@ function r(r, i = !1) {
 	}, [r]);
 	return t(a, () => r && n() ? window.matchMedia(r).matches : i, () => i);
 }
-//#endregion
 export { r as useMediaQuery };

package/dist/hooks/useMergedRef.cjs.js

@@ -1 +1 @@
-const e=require("../utils/refs.cjs.js");let t=require("react");function n(...n){return(0,t.useMemo)(()=>e.mergeRefs(...n),n)}exports.useMergedRef=n;
+"use client";const e=require("../utils/refs.cjs.js");let t=require("react");function n(...n){return(0,t.useMemo)(()=>e.mergeRefs(...n),n)}exports.useMergedRef=n;

package/dist/hooks/useMergedRef.mjs

@@ -1,8 +1,8 @@
+"use client";
 import { mergeRefs as e } from "../utils/refs.mjs";
 import { useMemo as t } from "react";
-//#region src/hooks/useMergedRef.ts
+// src/hooks/useMergedRef.ts
 function n(...n) {
 	return t(() => e(...n), n);
 }
-//#endregion
 export { n as useMergedRef };

package/dist/hooks/useOverlayLayer.cjs.js

@@ -1 +1 @@
-const e=require("./elementSource.cjs.js");let t=require("react");var n=[],r=new Map,i=new Set;function a(){i.forEach(e=>e())}function o(e){return i.add(e),()=>{i.delete(e)}}function s(e){return e===null?void 0:n.find(t=>t.id===e)}function c(e,t){let n=e,r=new Set;for(;n&&!r.has(n.id);){if(n.id===t||n.parentId===t)return!0;r.add(n.id),n=s(n.parentId)}return!1}function l(e){let t=new Set,n=[],r=new Map(e.map(e=>[e.id,e])),i=(e,a)=>{if(t.has(e.id)||a.has(e.id))return;a.add(e.id);let o=e.parentId?r.get(e.parentId):void 0;o&&i(o,a),t.add(e.id),n.push(e)};return e.forEach(e=>i(e,new Set)),n}function u(t,n){let i=r.get(t);if(!i)return!1;for(let t of i){let r=t.current.elements?.()??[];for(let t of r)if(e.resolveElement(t)?.contains(n))return!0}return!1}function d(t){let n=[];for(let i of r.get(t)??[])for(let t of i.current.elements?.()??[]){let r=e.resolveElement(t);r&&!n.includes(r)&&n.push(r)}return n}function f(e){return n.filter(t=>t.id!==e&&c(t,e)).flatMap(e=>d(e.id))}function p(e){let t=n.findIndex(t=>t.id===e);return t===-1?[]:n.slice(t+1).flatMap(e=>d(e.id))}function m(e){return o(e)}function h(e,t){return t?n.some(n=>n.id!==e&&c(n,e)&&u(n.id,t)):!1}function g(e,t){return t?u(e,t)||h(e,t):!1}function _(e){return Array.from(r.get(e)??[],e=>e.current)}function v(e){if(e.key!==`Escape`||e.defaultPrevented||e.isComposing)return;let t=n[n.length-1];if(t)for(let n of _(t.id))n.onEscape?.(e)}function y(e){if(e.defaultPrevented)return;let t=e.target instanceof Node?e.target:null;if(!t)return;let r=[...n];for(let n=r.length-1;n>=0;--n){let i=r[n];if(g(i.id,t))break;for(let t of _(i.id))t.onOutsidePress?.(e);if(i.modal)break}}var b=!1;function x(){typeof document>`u`||(n.length>0&&!b?(document.addEventListener(`keydown`,v),document.addEventListener(`pointerdown`,y),b=!0):n.length===0&&b&&(document.removeEventListener(`keydown`,v),document.removeEventListener(`pointerdown`,y),b=!1))}function S(e){return n=l([...n.filter(t=>t.id!==e.id),e]),x(),a(),()=>{n=n.filter(t=>t!==e),x(),a()}}function C(e,t){let n=r.get(e);return n||(n=new Set,r.set(e,n)),n.add(t),()=>{let n=r.get(e);n?.delete(t),n&&n.size===0&&r.delete(e)}}function w(e){return n.length>0&&n[n.length-1].id===e}function T(e){let t=n.findIndex(t=>t.id===e);return t!==-1&&n.slice(t+1).some(e=>e.modal)}function E(){return n.map(({id:e,parentId:t,modal:n})=>({id:e,parentId:t,modal:n}))}var D=(0,t.createContext)(null);function O(){return(0,t.useContext)(D)}function k({layer:e,children:n}){return(0,t.createElement)(D.Provider,{value:e.id},n)}function A({active:e,modal:n=!1,parentId:r,onEscape:i,onOutsidePress:a,elements:s}){let c=`layer-${(0,t.useId)()}`,l=(0,t.useContext)(D),u=r===void 0?l:r,d=(0,t.useRef)({});d.current={onEscape:i,onOutsidePress:a,elements:s},(0,t.useLayoutEffect)(()=>C(c,d),[c]),(0,t.useLayoutEffect)(()=>{if(e)return S({id:c,parentId:u??null,modal:n})},[e,c,u,n]);let f=(0,t.useSyncExternalStore)(o,()=>e&&w(c),()=>!1),p=(0,t.useSyncExternalStore)(o,()=>e&&T(c),()=>!1),m=(0,t.useCallback)(()=>w(c),[c]),_=(0,t.useCallback)(e=>g(c,e),[c]),v=(0,t.useCallback)(e=>h(c,e),[c]),y=(0,t.useCallback)(e=>C(c,e),[c]);return(0,t.useMemo)(()=>({id:c,parentId:u??null,isTopmost:f,hasModalAbove:p,getIsTopmost:m,contains:_,childContains:v,addHandlers:y}),[c,u,f,p,m,_,v,y])}exports.OverlayLayerProvider=k,exports.childLayerContains=h,exports.getChildLayerElements=f,exports.getLayerElementsAbove=p,exports.getOverlayLayerStack=E,exports.layerContains=g,exports.subscribeOverlayLayers=m,exports.useOverlayLayer=A,exports.useParentOverlayLayer=O;
+"use client";const e=require("./elementSource.cjs.js");let t=require("react");var n=[],r=new Map,i=new Set;function a(){i.forEach(e=>e())}function o(e){return i.add(e),()=>{i.delete(e)}}function s(e){return e===null?void 0:n.find(t=>t.id===e)}function c(e,t){let n=e,r=new Set;for(;n&&!r.has(n.id);){if(n.id===t||n.parentId===t)return!0;r.add(n.id),n=s(n.parentId)}return!1}function l(e){let t=new Set,n=[],r=new Map(e.map(e=>[e.id,e])),i=(e,a)=>{if(t.has(e.id)||a.has(e.id))return;a.add(e.id);let o=e.parentId?r.get(e.parentId):void 0;o&&i(o,a),t.add(e.id),n.push(e)};return e.forEach(e=>i(e,new Set)),n}function u(t,n){let i=r.get(t);if(!i)return!1;for(let t of i){let r=t.current.elements?.()??[];for(let t of r)if(e.resolveElement(t)?.contains(n))return!0}return!1}function d(t){let n=[];for(let i of r.get(t)??[])for(let t of i.current.elements?.()??[]){let r=e.resolveElement(t);r&&!n.includes(r)&&n.push(r)}return n}function f(e){return n.filter(t=>t.id!==e&&c(t,e)).flatMap(e=>d(e.id))}function p(e){let t=n.findIndex(t=>t.id===e);return t===-1?[]:n.slice(t+1).flatMap(e=>d(e.id))}function m(e){return o(e)}function h(e,t){return t?n.some(n=>n.id!==e&&c(n,e)&&u(n.id,t)):!1}function g(e,t){return t?u(e,t)||h(e,t):!1}function _(e){return Array.from(r.get(e)??[],e=>e.current)}function v(e){if(e.key!==`Escape`||e.defaultPrevented||e.isComposing)return;let t=n[n.length-1];if(t)for(let n of _(t.id))n.onEscape?.(e)}function y(e){if(e.defaultPrevented)return;let t=e.target instanceof Node?e.target:null;if(!t)return;let r=[...n];for(let n=r.length-1;n>=0;--n){let i=r[n];if(g(i.id,t))break;for(let t of _(i.id))t.onOutsidePress?.(e);if(i.modal)break}}var b=!1;function x(){typeof document<`u`&&(n.length>0&&!b?(document.addEventListener(`keydown`,v),document.addEventListener(`pointerdown`,y),b=!0):n.length===0&&b&&(document.removeEventListener(`keydown`,v),document.removeEventListener(`pointerdown`,y),b=!1))}function S(e){return n=l([...n.filter(t=>t.id!==e.id),e]),x(),a(),()=>{n=n.filter(t=>t!==e),x(),a()}}function C(e,t){let n=r.get(e);return n||(n=new Set,r.set(e,n)),n.add(t),()=>{let n=r.get(e);n?.delete(t),n&&n.size===0&&r.delete(e)}}function w(e){return n.length>0&&n[n.length-1].id===e}function T(e){let t=n.findIndex(t=>t.id===e);return t!==-1&&n.slice(t+1).some(e=>e.modal)}function E(){return n.map(({id:e,parentId:t,modal:n})=>({id:e,parentId:t,modal:n}))}var D=(0,t.createContext)(null);function O(){return(0,t.useContext)(D)}function k({layer:e,children:n}){return(0,t.createElement)(D.Provider,{value:e.id},n)}function A({active:e,modal:n=!1,parentId:r,onEscape:i,onOutsidePress:a,elements:s}){let c=`layer-${(0,t.useId)()}`,l=(0,t.useContext)(D),u=r===void 0?l:r,d=(0,t.useRef)({});d.current={onEscape:i,onOutsidePress:a,elements:s},(0,t.useLayoutEffect)(()=>C(c,d),[c]),(0,t.useLayoutEffect)(()=>{if(e)return S({id:c,parentId:u??null,modal:n})},[e,c,u,n]);let f=(0,t.useSyncExternalStore)(o,()=>e&&w(c),()=>!1),p=(0,t.useSyncExternalStore)(o,()=>e&&T(c),()=>!1),m=(0,t.useCallback)(()=>w(c),[c]),_=(0,t.useCallback)(e=>g(c,e),[c]),v=(0,t.useCallback)(e=>h(c,e),[c]),y=(0,t.useCallback)(e=>C(c,e),[c]);return(0,t.useMemo)(()=>({id:c,parentId:u??null,isTopmost:f,hasModalAbove:p,getIsTopmost:m,contains:_,childContains:v,addHandlers:y}),[c,u,f,p,m,_,v,y])}exports.OverlayLayerProvider=k,exports.childLayerContains=h,exports.getChildLayerElements=f,exports.getLayerElementsAbove=p,exports.getOverlayLayerStack=E,exports.layerContains=g,exports.subscribeOverlayLayers=m,exports.useOverlayLayer=A,exports.useParentOverlayLayer=O;

package/dist/hooks/useOverlayLayer.mjs

@@ -1,6 +1,7 @@
+"use client";
 import { resolveElement as e } from "./elementSource.mjs";
 import { createContext as t, createElement as n, useCallback as r, useContext as i, useId as a, useLayoutEffect as o, useMemo as s, useRef as c, useSyncExternalStore as l } from "react";
-//#region src/hooks/useOverlayLayer.ts
+// src/hooks/useOverlayLayer.ts
 var u = [], d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Set();
 function p() {
 	f.forEach((e) => e());
@@ -85,7 +86,7 @@ function D(e) {
 }
 var O = !1;
 function k() {
-	typeof document > "u" || (u.length > 0 && !O ? (document.addEventListener("keydown", E), document.addEventListener("pointerdown", D), O = !0) : u.length === 0 && O && (document.removeEventListener("keydown", E), document.removeEventListener("pointerdown", D), O = !1));
+	typeof document < "u" && (u.length > 0 && !O ? (document.addEventListener("keydown", E), document.addEventListener("pointerdown", D), O = !0) : u.length === 0 && O && (document.removeEventListener("keydown", E), document.removeEventListener("pointerdown", D), O = !1));
 }
 function A(e) {
 	return u = _([...u.filter((t) => t.id !== e.id), e]), k(), p(), () => {
@@ -159,5 +160,4 @@ function R({ active: e, modal: t = !1, parentId: n, onEscape: u, onOutsidePress:
 		T
 	]);
 }
-//#endregion
 export { L as OverlayLayerProvider, C as childLayerContains, b as getChildLayerElements, x as getLayerElementsAbove, P as getOverlayLayerStack, w as layerContains, S as subscribeOverlayLayers, R as useOverlayLayer, I as useParentOverlayLayer };

package/dist/hooks/useResponsiveValue.cjs.js

@@ -1 +1 @@
-const e=require("../utils/responsive.cjs.js");let t=require("react");var n=()=>typeof window<`u`&&typeof window.matchMedia==`function`,r=e.RESPONSIVE_KEYS.filter(e=>e!==`base`);function i(i,a){let o=e.isResponsiveObject(i),s=(0,t.useCallback)(t=>{if(!o||!n())return()=>{};let i=r.map(t=>window.matchMedia(e.breakpointQuery(t)));return i.forEach(e=>e.addEventListener(`change`,t)),()=>i.forEach(e=>e.removeEventListener(`change`,t))},[o]),c=()=>e.resolveResponsive(i,a,t=>n()&&window.matchMedia(e.breakpointQuery(t)).matches),l=e.isResponsiveObject(i)?i.base??a:i;return(0,t.useSyncExternalStore)(s,c,()=>l)}exports.useResponsiveValue=i;
+"use client";const e=require("../utils/responsive.cjs.js");let t=require("react");var n=()=>typeof window<`u`&&typeof window.matchMedia==`function`,r=e.RESPONSIVE_KEYS.filter(e=>e!==`base`);function i(i,a){let o=e.isResponsiveObject(i),s=(0,t.useCallback)(t=>{if(!o||!n())return()=>{};let i=r.map(t=>window.matchMedia(e.breakpointQuery(t)));return i.forEach(e=>e.addEventListener(`change`,t)),()=>i.forEach(e=>e.removeEventListener(`change`,t))},[o]),c=()=>e.resolveResponsive(i,a,t=>n()&&window.matchMedia(e.breakpointQuery(t)).matches),l=e.isResponsiveObject(i)?i.base??a:i;return(0,t.useSyncExternalStore)(s,c,()=>l)}exports.useResponsiveValue=i;

package/dist/hooks/useResponsiveValue.mjs

@@ -1,6 +1,7 @@
+"use client";
 import { RESPONSIVE_KEYS as e, breakpointQuery as t, isResponsiveObject as n, resolveResponsive as r } from "../utils/responsive.mjs";
 import { useCallback as i, useSyncExternalStore as a } from "react";
-//#region src/hooks/useResponsiveValue.ts
+// src/hooks/useResponsiveValue.ts
 var o = () => typeof window < "u" && typeof window.matchMedia == "function", s = e.filter((e) => e !== "base");
 function c(e, c) {
 	let l = n(e), u = i((e) => {
@@ -10,5 +11,4 @@ function c(e, c) {
 	}, [l]), d = () => r(e, c, (e) => o() && window.matchMedia(t(e)).matches), f = n(e) ? e.base ?? c : e;
 	return a(u, d, () => f);
 }
-//#endregion
 export { c as useResponsiveValue };

package/dist/hooks/useScrollLock.cjs.js

@@ -1 +1 @@
-let e=require("react");var t=0,n=null;function r(){if(typeof document>`u`)return()=>{};let e=document.body;if(t===0){let t=window.innerWidth-document.documentElement.clientWidth;if(n={overflow:e.style.overflow,paddingInlineEnd:e.style.paddingInlineEnd},t>0){let n=parseFloat(window.getComputedStyle(e).paddingInlineEnd)||0;e.style.paddingInlineEnd=`${n+t}px`}e.style.overflow=`hidden`}t+=1;let r=!1;return()=>{r||(r=!0,--t,t===0&&n&&(e.style.overflow=n.overflow,e.style.paddingInlineEnd=n.paddingInlineEnd,n=null))}}function i(t){(0,e.useLayoutEffect)(()=>{if(t)return r()},[t])}exports.lockScroll=r,exports.useScrollLock=i;
+"use client";let e=require("react");var t=0,n=null;function r(){if(typeof document>`u`)return()=>{};let e=document.body;if(t===0){let t=window.innerWidth-document.documentElement.clientWidth;if(n={overflow:e.style.overflow,paddingInlineEnd:e.style.paddingInlineEnd},t>0){let n=parseFloat(window.getComputedStyle(e).paddingInlineEnd)||0;e.style.paddingInlineEnd=`${n+t}px`}e.style.overflow=`hidden`}t+=1;let r=!1;return()=>{r||(r=!0,--t,t===0&&n&&(e.style.overflow=n.overflow,e.style.paddingInlineEnd=n.paddingInlineEnd,n=null))}}function i(t){(0,e.useLayoutEffect)(()=>{if(t)return r()},[t])}exports.lockScroll=r,exports.useScrollLock=i;

package/dist/hooks/useScrollLock.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useLayoutEffect as e } from "react";
-//#region src/hooks/useScrollLock.ts
+// src/hooks/useScrollLock.ts
 var t = 0, n = null;
 function r() {
 	if (typeof document > "u") return () => {};
@@ -26,5 +27,4 @@ function i(t) {
 		if (t) return r();
 	}, [t]);
 }
-//#endregion
 export { r as lockScroll, i as useScrollLock };

package/dist/hooks/useStorage.cjs.js

@@ -1 +1 @@
-let e=require("react");var t={local:new Set,session:new Set},n=e=>{try{return typeof window>`u`?void 0:e===`local`?window.localStorage:window.sessionStorage}catch{return}},r=(e,t)=>{try{return n(e)?.getItem(t)??null}catch{return null}},i=e=>t[e].forEach(e=>e());function a(e,r){t[e].add(r);let i=t=>{t.storageArea===n(e)&&r()};return typeof window<`u`&&window.addEventListener(`storage`,i),()=>{t[e].delete(r),typeof window<`u`&&window.removeEventListener(`storage`,i)}}function o(t,o,s,{serialize:c=JSON.stringify,deserialize:l=JSON.parse}={}){let u=(0,e.useCallback)(e=>a(t,e),[t]),d=(0,e.useSyncExternalStore)(u,()=>r(t,o),()=>null);return[(0,e.useMemo)(()=>{if(d===null)return s;try{return l(d)}catch{return s}},[d,l]),(0,e.useCallback)(e=>{let a=r(t,o),u=s;if(a!==null)try{u=l(a)}catch{}let d=typeof e==`function`?e(u):e;try{n(t)?.setItem(o,c(d))}catch{}i(t)},[t,o,c,l]),(0,e.useCallback)(()=>{try{n(t)?.removeItem(o)}catch{}i(t)},[t,o])]}function s(e,t,n){return o(`local`,e,t,n)}function c(e,t,n){return o(`session`,e,t,n)}exports.useLocalStorage=s,exports.useSessionStorage=c;
+"use client";let e=require("react");var t={local:new Set,session:new Set},n=e=>{try{return typeof window>`u`?void 0:e===`local`?window.localStorage:window.sessionStorage}catch{return}},r=(e,t)=>{try{return n(e)?.getItem(t)??null}catch{return null}},i=e=>t[e].forEach(e=>e());function a(e,r){t[e].add(r);let i=t=>{t.storageArea===n(e)&&r()};return typeof window<`u`&&window.addEventListener(`storage`,i),()=>{t[e].delete(r),typeof window<`u`&&window.removeEventListener(`storage`,i)}}function o(t,o,s,{serialize:c=JSON.stringify,deserialize:l=JSON.parse}={}){let u=(0,e.useCallback)(e=>a(t,e),[t]),d=(0,e.useSyncExternalStore)(u,()=>r(t,o),()=>null);return[(0,e.useMemo)(()=>{if(d===null)return s;try{return l(d)}catch{return s}},[d,l]),(0,e.useCallback)(e=>{let a=r(t,o),u=s;if(a!==null)try{u=l(a)}catch{}let d=typeof e==`function`?e(u):e;try{n(t)?.setItem(o,c(d))}catch{}i(t)},[t,o,c,l]),(0,e.useCallback)(()=>{try{n(t)?.removeItem(o)}catch{}i(t)},[t,o])]}function s(e,t,n){return o(`local`,e,t,n)}function c(e,t,n){return o(`session`,e,t,n)}exports.useLocalStorage=s,exports.useSessionStorage=c;

package/dist/hooks/useStorage.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useCallback as e, useMemo as t, useSyncExternalStore as n } from "react";
-//#region src/hooks/useStorage.ts
+// src/hooks/useStorage.ts
 var r = {
 	local: /* @__PURE__ */ new Set(),
 	session: /* @__PURE__ */ new Set()
@@ -66,5 +67,4 @@ function l(e, t, n) {
 function u(e, t, n) {
 	return c("session", e, t, n);
 }
-//#endregion
 export { l as useLocalStorage, u as useSessionStorage };

package/dist/hooks/useTiming.cjs.js

@@ -1 +1 @@
-let e=require("react");function t(t,n,{leading:r=!1,maxWait:i}={}){let a=(0,e.useRef)(t);a.current=t;let o=(0,e.useRef)({}),s=(0,e.useMemo)(()=>{let e=()=>{let{args:e}=o.current;clearTimeout(o.current.timer),o.current={},e&&a.current(...e)},t=((...t)=>{let s=o.current,c=Date.now();if(s.timer===void 0&&r){a.current(...t),o.current={firstCall:c,timer:setTimeout(()=>o.current={},n)};return}if(clearTimeout(s.timer),s.args=t,s.firstCall??=c,i!==void 0&&c-s.firstCall>=i)return e();s.timer=setTimeout(e,n)});return t.cancel=()=>{clearTimeout(o.current.timer),o.current={}},t.flush=()=>{o.current.args&&e()},t.isPending=()=>o.current.args!==void 0,t},[n,r,i]);return(0,e.useEffect)(()=>()=>s.cancel(),[s]),s}function n(t,n){let r=(0,e.useRef)(t);r.current=t;let i=(0,e.useRef)({}),a=(0,e.useMemo)(()=>{let e=()=>{let{args:e}=i.current;i.current.args=void 0,i.current.timer=void 0,e&&(i.current.last=Date.now(),r.current(...e))},t=((...t)=>{let a=i.current,o=a.last===void 0?1/0:Date.now()-a.last;if(o>=n&&a.timer===void 0){a.last=Date.now(),r.current(...t);return}a.args=t,a.timer??=setTimeout(e,Math.max(0,n-o))});return t.cancel=()=>{clearTimeout(i.current.timer),i.current={last:i.current.last}},t.flush=()=>{clearTimeout(i.current.timer),e()},t.isPending=()=>i.current.args!==void 0,t},[n]);return(0,e.useEffect)(()=>()=>a.cancel(),[a]),a}function r(n,r){let[i,a]=(0,e.useState)(n),o=t(a,r),s=(0,e.useRef)(n);s.current=n,(0,e.useEffect)(()=>{o(n)},[n,o]);let c=(0,e.useCallback)(()=>{o.cancel(),a(s.current)},[o]);return[i,{cancel:o.cancel,flush:c}]}function i(t,n){let r=(0,e.useRef)(t);r.current=t,(0,e.useEffect)(()=>{if(n===null)return;let e=setInterval(()=>r.current(),n);return()=>clearInterval(e)},[n])}function a(t,n){let r=(0,e.useRef)(t);r.current=t;let i=(0,e.useRef)(void 0),a=(0,e.useCallback)(()=>clearTimeout(i.current),[]),o=(0,e.useCallback)(()=>{clearTimeout(i.current),n!==null&&(i.current=setTimeout(()=>r.current(),n))},[n]);return(0,e.useEffect)(()=>(o(),a),[o,a]),{clear:a,reset:o}}function o(t){let[n,r]=(0,e.useState)({current:t,previous:void 0});return Object.is(n.current,t)||r({current:t,previous:n.current}),Object.is(n.current,t)?n.previous:n.current}exports.useDebouncedCallback=t,exports.useDebouncedValue=r,exports.useInterval=i,exports.usePrevious=o,exports.useThrottledCallback=n,exports.useTimeout=a;
+"use client";let e=require("react");function t(t,n,{leading:r=!1,maxWait:i}={}){let a=(0,e.useRef)(t);a.current=t;let o=(0,e.useRef)({}),s=(0,e.useMemo)(()=>{let e=()=>{let{args:e}=o.current;clearTimeout(o.current.timer),o.current={},e&&a.current(...e)},t=((...t)=>{let s=o.current,c=Date.now();if(s.timer===void 0&&r)a.current(...t),o.current={firstCall:c,timer:setTimeout(()=>o.current={},n)};else{if(clearTimeout(s.timer),s.args=t,s.firstCall??=c,i!==void 0&&c-s.firstCall>=i)return e();s.timer=setTimeout(e,n)}});return t.cancel=()=>{clearTimeout(o.current.timer),o.current={}},t.flush=()=>{o.current.args&&e()},t.isPending=()=>o.current.args!==void 0,t},[n,r,i]);return(0,e.useEffect)(()=>()=>s.cancel(),[s]),s}function n(t,n){let r=(0,e.useRef)(t);r.current=t;let i=(0,e.useRef)({}),a=(0,e.useMemo)(()=>{let e=()=>{let{args:e}=i.current;i.current.args=void 0,i.current.timer=void 0,e&&(i.current.last=Date.now(),r.current(...e))},t=((...t)=>{let a=i.current,o=a.last===void 0?1/0:Date.now()-a.last;o>=n&&a.timer===void 0?(a.last=Date.now(),r.current(...t)):(a.args=t,a.timer??=setTimeout(e,Math.max(0,n-o)))});return t.cancel=()=>{clearTimeout(i.current.timer),i.current={last:i.current.last}},t.flush=()=>{clearTimeout(i.current.timer),e()},t.isPending=()=>i.current.args!==void 0,t},[n]);return(0,e.useEffect)(()=>()=>a.cancel(),[a]),a}function r(n,r){let[i,a]=(0,e.useState)(n),o=t(a,r),s=(0,e.useRef)(n);s.current=n,(0,e.useEffect)(()=>{o(n)},[n,o]);let c=(0,e.useCallback)(()=>{o.cancel(),a(s.current)},[o]);return[i,{cancel:o.cancel,flush:c}]}function i(t,n){let r=(0,e.useRef)(t);r.current=t,(0,e.useEffect)(()=>{if(n===null)return;let e=setInterval(()=>r.current(),n);return()=>clearInterval(e)},[n])}function a(t,n){let r=(0,e.useRef)(t);r.current=t;let i=(0,e.useRef)(void 0),a=(0,e.useCallback)(()=>clearTimeout(i.current),[]),o=(0,e.useCallback)(()=>{clearTimeout(i.current),n!==null&&(i.current=setTimeout(()=>r.current(),n))},[n]);return(0,e.useEffect)(()=>(o(),a),[o,a]),{clear:a,reset:o}}function o(t){let[n,r]=(0,e.useState)({current:t,previous:void 0});return Object.is(n.current,t)||r({current:t,previous:n.current}),Object.is(n.current,t)?n.previous:n.current}exports.useDebouncedCallback=t,exports.useDebouncedValue=r,exports.useInterval=i,exports.usePrevious=o,exports.useThrottledCallback=n,exports.useTimeout=a;

package/dist/hooks/useTiming.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-//#region src/hooks/useTiming.ts
+// src/hooks/useTiming.ts
 function a(e, i, { leading: a = !1, maxWait: o } = {}) {
 	let s = r(e);
 	s.current = e;
@@ -9,15 +10,14 @@ function a(e, i, { leading: a = !1, maxWait: o } = {}) {
 			clearTimeout(c.current.timer), c.current = {}, e && s.current(...e);
 		}, t = ((...t) => {
 			let n = c.current, r = Date.now();
-			if (n.timer === void 0 && a) {
-				s.current(...t), c.current = {
-					firstCall: r,
-					timer: setTimeout(() => c.current = {}, i)
-				};
-				return;
+			if (n.timer === void 0 && a) s.current(...t), c.current = {
+				firstCall: r,
+				timer: setTimeout(() => c.current = {}, i)
+			};
+			else {
+				if (clearTimeout(n.timer), n.args = t, n.firstCall ??= r, o !== void 0 && r - n.firstCall >= o) return e();
+				n.timer = setTimeout(e, i);
 			}
-			if (clearTimeout(n.timer), n.args = t, n.firstCall ??= r, o !== void 0 && r - n.firstCall >= o) return e();
-			n.timer = setTimeout(e, i);
 		});
 		return t.cancel = () => {
 			clearTimeout(c.current.timer), c.current = {};
@@ -40,11 +40,7 @@ function o(e, i) {
 			o.current.args = void 0, o.current.timer = void 0, e && (o.current.last = Date.now(), a.current(...e));
 		}, t = ((...t) => {
 			let n = o.current, r = n.last === void 0 ? Infinity : Date.now() - n.last;
-			if (r >= i && n.timer === void 0) {
-				n.last = Date.now(), a.current(...t);
-				return;
-			}
-			n.args = t, n.timer ??= setTimeout(e, Math.max(0, i - r));
+			r >= i && n.timer === void 0 ? (n.last = Date.now(), a.current(...t)) : (n.args = t, n.timer ??= setTimeout(e, Math.max(0, i - r)));
 		});
 		return t.cancel = () => {
 			clearTimeout(o.current.timer), o.current = { last: o.current.last };
@@ -96,5 +92,4 @@ function u(e) {
 		previous: t.current
 	}), Object.is(t.current, e) ? t.previous : t.current;
 }
-//#endregion
 export { a as useDebouncedCallback, s as useDebouncedValue, c as useInterval, u as usePrevious, o as useThrottledCallback, l as useTimeout };

package/dist/hooks/useVirtualizer.cjs.js

@@ -1 +1 @@
-const e=require("./elementSource.cjs.js");let t=require("react");function n(e,t){let n=0,r=e.length-1;for(;n<r;){let i=n+r>>1;e[i]<=t?n=i+1:r=i}return n}function r({count:r,scrollElement:i,estimateSize:a,overscan:o=6,gap:s=0,paddingStart:c=0,paddingEnd:l=0,initialCount:u=10}){let d=e.useResolvedElement(i),[f,p]=(0,t.useState)({offset:0,height:0}),m=(0,t.useRef)(new Map),[h,g]=(0,t.useState)(0),_=(0,t.useRef)(a);_.current=a;let v=(0,t.useMemo)(()=>{let e=Array(r),t=Array(r),n=c;for(let i=0;i<r;i++){let a=_.current,o=m.current.get(i)??(typeof a==`number`?a:a(i));e[i]=n,t[i]=n+o,n+=o+(i<r-1?s:0)}return{starts:e,ends:t,total:n+l}},[r,s,c,l,h,typeof a==`number`?a:-1]);(0,t.useLayoutEffect)(()=>{if(!d)return;let e=0,t=()=>{e=0,p(e=>e.offset===d.scrollTop&&e.height===d.clientHeight?e:{offset:d.scrollTop,height:d.clientHeight})};t();let n=()=>{e||=requestAnimationFrame(t)};d.addEventListener(`scroll`,n,{passive:!0});let r=typeof ResizeObserver<`u`?new ResizeObserver(t):null;return r?.observe(d),()=>{d.removeEventListener(`scroll`,n),r?.disconnect(),e&&cancelAnimationFrame(e)}},[d]);let y=(0,t.useMemo)(()=>{if(r===0)return[];let e,t;f.height===0?(e=0,t=Math.min(r,u)-1):(e=n(v.ends,f.offset),t=n(v.ends,f.offset+f.height),e=Math.max(0,e-o),t=Math.min(r-1,t+o));let i=[];for(let n=e;n<=t;n++)i.push({index:n,start:v.starts[n],end:v.ends[n],size:v.ends[n]-v.starts[n]});return i},[r,v,f,o,u]),b=(0,t.useRef)(new Map),x=(0,t.useRef)(null),S=(0,t.useRef)(!1),C=(0,t.useCallback)(e=>{let t=Number(e.getAttribute(`data-index`));if(!Number.isFinite(t))return;let n=e.getBoundingClientRect().height;n>0&&m.current.get(t)!==n&&(m.current.set(t,n),S.current||(S.current=!0,queueMicrotask(()=>{S.current=!1,g(e=>e+1)})))},[]),w=(0,t.useCallback)(e=>{e&&(!x.current&&typeof ResizeObserver<`u`&&(x.current=new ResizeObserver(e=>{for(let t of e)t.target.isConnected?C(t.target):(x.current?.unobserve(t.target),b.current.delete(t.target))})),b.current.has(e)||(b.current.set(e,Number(e.getAttribute(`data-index`))),x.current?.observe(e)),C(e))},[C]),T=(0,t.useRef)(r);if(T.current!==r){T.current=r;for(let e of Array.from(m.current.keys()))e>=r&&m.current.delete(e)}(0,t.useLayoutEffect)(()=>()=>x.current?.disconnect(),[]);let E=(0,t.useRef)(v);E.current=v;let D=(0,t.useCallback)((t,{align:n=`auto`,behavior:r}={})=>{let a=e.resolveElement(i),{starts:o,ends:s}=E.current;if(!a||t<0||t>=o.length)return;let c=a.scrollTop,l=a.clientHeight,u=o[t],d=s[t],f;if(n===`start`)f=u;else if(n===`end`)f=d-l;else if(n===`center`)f=u-(l-(d-u))/2;else if(u<c)f=u;else if(d>c+l)f=d-l;else return;a.scrollTo({top:Math.max(0,f),behavior:r})},[i]);return{virtualItems:y,totalSize:v.total,measureElement:w,scrollToIndex:D}}exports.useVirtualizer=r;
+"use client";const e=require("./elementSource.cjs.js");let t=require("react");function n(e,t){let n=e.virtualItems.slice(),r=new Set(n.map(e=>e.index));for(let i of t){if(r.has(i))continue;let t=e.getItem(i);t&&(n.push(t),r.add(i))}return n.sort((e,t)=>e.index-t.index)}function r(e,t){let n=0,r=e.length-1;for(;n<r;){let i=n+r>>1;e[i]<=t?n=i+1:r=i}return n}function i({count:n,scrollElement:i,estimateSize:a,overscan:o=6,gap:s=0,paddingStart:c=0,paddingEnd:l=0,initialCount:u=10}){let d=e.useResolvedElement(i),[f,p]=(0,t.useState)({offset:0,height:0}),m=(0,t.useRef)(new Map),h=(0,t.useRef)(0),[g,_]=(0,t.useState)(0),v=(0,t.useRef)(a);v.current=a;let y=(0,t.useMemo)(()=>{let e=new Float64Array(n),t=new Float64Array(n),r=v.current,i=m.current,a=i.size>0?h.current/i.size:0,o=typeof r==`number`?a||r:0,u=c;for(let a=0;a<n;a++){let c=i.get(a)??(typeof r==`number`?o:r(a));e[a]=u,t[a]=u+c,u+=c+(a<n-1?s:0)}return{starts:e,ends:t,total:u+l}},[n,s,c,l,g,typeof a==`number`?a:-1]);(0,t.useLayoutEffect)(()=>{if(!d)return;let e=0,t=()=>{e=0,p(e=>e.offset===d.scrollTop&&e.height===d.clientHeight?e:{offset:d.scrollTop,height:d.clientHeight})};t();let n=()=>{e||=requestAnimationFrame(t)};d.addEventListener(`scroll`,n,{passive:!0});let r=typeof ResizeObserver<`u`?new ResizeObserver(t):null;return r?.observe(d),()=>{d.removeEventListener(`scroll`,n),r?.disconnect(),e&&cancelAnimationFrame(e)}},[d]);let b=(0,t.useMemo)(()=>{if(n===0)return[];let e,t;f.height===0?(e=0,t=Math.min(n,u)-1):(e=r(y.ends,f.offset),t=r(y.ends,f.offset+f.height),e=Math.max(0,e-o),t=Math.min(n-1,t+o));let i=[];for(let n=e;n<=t;n++)i.push({index:n,start:y.starts[n],end:y.ends[n],size:y.ends[n]-y.starts[n]});return i},[n,y,f,o,u]),x=(0,t.useRef)(new Map),S=(0,t.useRef)(null),C=(0,t.useRef)(!1),w=(0,t.useCallback)(e=>{let t=Number(e.getAttribute(`data-index`));if(!Number.isFinite(t))return;let n=e.getBoundingClientRect().height,r=m.current.get(t);n>0&&r!==n&&(h.current+=n-(r??0),m.current.set(t,n),C.current||(C.current=!0,queueMicrotask(()=>{C.current=!1,_(e=>e+1)})))},[]),T=(0,t.useCallback)(e=>{e&&(!S.current&&typeof ResizeObserver<`u`&&(S.current=new ResizeObserver(e=>{for(let t of e)t.target.isConnected?w(t.target):(S.current?.unobserve(t.target),x.current.delete(t.target))})),x.current.has(e)||(x.current.set(e,Number(e.getAttribute(`data-index`))),S.current?.observe(e)),w(e))},[w]),E=(0,t.useRef)(n);if(E.current!==n){E.current=n;for(let[e,t]of Array.from(m.current))e>=n&&(m.current.delete(e),h.current-=t)}(0,t.useLayoutEffect)(()=>()=>S.current?.disconnect(),[]);let D=(0,t.useRef)(y);D.current=y;let O=(0,t.useRef)(null),k=(0,t.useCallback)((e,t,n)=>{let{starts:r,ends:i}=D.current;if(t<0||t>=r.length)return null;let a=e.scrollTop,o=e.clientHeight,s=r[t],c=i[t],l;if(n===`start`)l=s;else if(n===`end`)l=c-o;else if(n===`center`)l=s-(o-(c-s))/2;else if(s<a)l=s;else if(c>a+o)l=c-o;else return null;return Math.max(0,Math.min(l,e.scrollHeight-o))},[]),A=(0,t.useCallback)((t,{align:n=`auto`,behavior:r}={})=>{let a=e.resolveElement(i);if(!a)return;let o=k(a,t,n);O.current={index:t,align:n,tries:0},o!==null&&a.scrollTo({top:o,behavior:r})},[i,k]);(0,t.useLayoutEffect)(()=>{let t=O.current,n=e.resolveElement(i);if(!t||!n)return;let r=k(n,t.index,t.align);r===null||Math.abs(n.scrollTop-r)<1||t.tries>=10?O.current=null:(t.tries++,n.scrollTop=r)},[y,i,k]);let j=(0,t.useCallback)(e=>{if(e<0||e>=y.starts.length)return;let t=y.starts[e],n=y.ends[e];return{index:e,start:t,end:n,size:n-t}},[y]);return{virtualItems:b,totalSize:y.total,measureElement:T,scrollToIndex:A,getItem:j}}exports.useVirtualizer=i,exports.withExtraItems=n;

package/dist/hooks/useVirtualizer.d.ts

@@ -49,7 +49,20 @@ export interface Virtualizer {
         align?: VirtualAlign;
         behavior?: ScrollBehavior;
     }) => void;
+    /**
+     * The position of any item, rendered or not, or `undefined` when `index`
+     * is out of range. Use it to keep one extra item rendered outside the
+     * window (the focused row, the `aria-activedescendant` option) with
+     * `withExtraItems`.
+     */
+    getItem: (index: number) => VirtualItem | undefined;
 }
+/**
+ * The window's items plus extra indices that must stay rendered even when
+ * scrolled out of view (a focused row, a highlighted option), in order.
+ * Render spacers between non-adjacent items from their `start` / `end`.
+ */
+export declare function withExtraItems(virtualizer: Virtualizer, extra: readonly number[]): VirtualItem[];
 /**
  * Headless list virtualization: renders only the items in view (plus
  * `overscan`), so lists of 100,000 rows stay fast. Works with variable

package/dist/hooks/useVirtualizer.mjs

@@ -1,7 +1,17 @@
+"use client";
 import { resolveElement as e, useResolvedElement as t } from "./elementSource.mjs";
 import { useCallback as n, useLayoutEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-//#region src/hooks/useVirtualizer.ts
+// src/hooks/useVirtualizer.ts
 function s(e, t) {
+	let n = e.virtualItems.slice(), r = new Set(n.map((e) => e.index));
+	for (let i of t) {
+		if (r.has(i)) continue;
+		let t = e.getItem(i);
+		t && (n.push(t), r.add(i));
+	}
+	return n.sort((e, t) => e.index - t.index);
+}
+function c(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -9,29 +19,29 @@ function s(e, t) {
 	}
 	return n;
 }
-function c({ count: c, scrollElement: l, estimateSize: u, overscan: d = 6, gap: f = 0, paddingStart: p = 0, paddingEnd: m = 0, initialCount: h = 10 }) {
+function l({ count: s, scrollElement: l, estimateSize: u, overscan: d = 6, gap: f = 0, paddingStart: p = 0, paddingEnd: m = 0, initialCount: h = 10 }) {
 	let g = t(l), [_, v] = o({
 		offset: 0,
 		height: 0
-	}), y = a(/* @__PURE__ */ new Map()), [b, x] = o(0), S = a(u);
-	S.current = u;
-	let C = i(() => {
-		let e = Array(c), t = Array(c), n = p;
-		for (let r = 0; r < c; r++) {
-			let i = S.current, a = y.current.get(r) ?? (typeof i == "number" ? i : i(r));
-			e[r] = n, t[r] = n + a, n += a + (r < c - 1 ? f : 0);
+	}), y = a(/* @__PURE__ */ new Map()), b = a(0), [x, S] = o(0), C = a(u);
+	C.current = u;
+	let w = i(() => {
+		let e = new Float64Array(s), t = new Float64Array(s), n = C.current, r = y.current, i = r.size > 0 ? b.current / r.size : 0, a = typeof n == "number" ? i || n : 0, o = p;
+		for (let i = 0; i < s; i++) {
+			let c = r.get(i) ?? (typeof n == "number" ? a : n(i));
+			e[i] = o, t[i] = o + c, o += c + (i < s - 1 ? f : 0);
 		}
 		return {
 			starts: e,
 			ends: t,
-			total: n + m
+			total: o + m
 		};
 	}, [
-		c,
+		s,
 		f,
 		p,
 		m,
-		b,
+		x,
 		typeof u == "number" ? u : -1
 	]);
 	r(() => {
@@ -52,64 +62,93 @@ function c({ count: c, scrollElement: l, estimateSize: u, overscan: d = 6, gap:
 			g.removeEventListener("scroll", n), r?.disconnect(), e && cancelAnimationFrame(e);
 		};
 	}, [g]);
-	let w = i(() => {
-		if (c === 0) return [];
+	let T = i(() => {
+		if (s === 0) return [];
 		let e, t;
-		_.height === 0 ? (e = 0, t = Math.min(c, h) - 1) : (e = s(C.ends, _.offset), t = s(C.ends, _.offset + _.height), e = Math.max(0, e - d), t = Math.min(c - 1, t + d));
+		_.height === 0 ? (e = 0, t = Math.min(s, h) - 1) : (e = c(w.ends, _.offset), t = c(w.ends, _.offset + _.height), e = Math.max(0, e - d), t = Math.min(s - 1, t + d));
 		let n = [];
 		for (let r = e; r <= t; r++) n.push({
 			index: r,
-			start: C.starts[r],
-			end: C.ends[r],
-			size: C.ends[r] - C.starts[r]
+			start: w.starts[r],
+			end: w.ends[r],
+			size: w.ends[r] - w.starts[r]
 		});
 		return n;
 	}, [
-		c,
-		C,
+		s,
+		w,
 		_,
 		d,
 		h
-	]), T = a(/* @__PURE__ */ new Map()), E = a(null), D = a(!1), O = n((e) => {
+	]), E = a(/* @__PURE__ */ new Map()), D = a(null), O = a(!1), k = n((e) => {
 		let t = Number(e.getAttribute("data-index"));
 		if (!Number.isFinite(t)) return;
-		let n = e.getBoundingClientRect().height;
-		n > 0 && y.current.get(t) !== n && (y.current.set(t, n), D.current || (D.current = !0, queueMicrotask(() => {
-			D.current = !1, x((e) => e + 1);
+		let n = e.getBoundingClientRect().height, r = y.current.get(t);
+		n > 0 && r !== n && (b.current += n - (r ?? 0), y.current.set(t, n), O.current || (O.current = !0, queueMicrotask(() => {
+			O.current = !1, S((e) => e + 1);
 		})));
-	}, []), k = n((e) => {
-		e && (!E.current && typeof ResizeObserver < "u" && (E.current = new ResizeObserver((e) => {
-			for (let t of e) t.target.isConnected ? O(t.target) : (E.current?.unobserve(t.target), T.current.delete(t.target));
-		})), T.current.has(e) || (T.current.set(e, Number(e.getAttribute("data-index"))), E.current?.observe(e)), O(e));
-	}, [O]), A = a(c);
-	if (A.current !== c) {
-		A.current = c;
-		for (let e of Array.from(y.current.keys())) e >= c && y.current.delete(e);
+	}, []), A = n((e) => {
+		e && (!D.current && typeof ResizeObserver < "u" && (D.current = new ResizeObserver((e) => {
+			for (let t of e) t.target.isConnected ? k(t.target) : (D.current?.unobserve(t.target), E.current.delete(t.target));
+		})), E.current.has(e) || (E.current.set(e, Number(e.getAttribute("data-index"))), D.current?.observe(e)), k(e));
+	}, [k]), j = a(s);
+	if (j.current !== s) {
+		j.current = s;
+		for (let [e, t] of Array.from(y.current)) e >= s && (y.current.delete(e), b.current -= t);
 	}
-	r(() => () => E.current?.disconnect(), []);
-	let j = a(C);
-	j.current = C;
-	let M = n((t, { align: n = "auto", behavior: r } = {}) => {
-		let i = e(l), { starts: a, ends: o } = j.current;
-		if (!i || t < 0 || t >= a.length) return;
-		let s = i.scrollTop, c = i.clientHeight, u = a[t], d = o[t], f;
-		if (n === "start") f = u;
-		else if (n === "end") f = d - c;
-		else if (n === "center") f = u - (c - (d - u)) / 2;
-		else if (u < s) f = u;
-		else if (d > s + c) f = d - c;
-		else return;
-		i.scrollTo({
-			top: Math.max(0, f),
+	r(() => () => D.current?.disconnect(), []);
+	let M = a(w);
+	M.current = w;
+	let N = a(null), P = n((e, t, n) => {
+		let { starts: r, ends: i } = M.current;
+		if (t < 0 || t >= r.length) return null;
+		let a = e.scrollTop, o = e.clientHeight, s = r[t], c = i[t], l;
+		if (n === "start") l = s;
+		else if (n === "end") l = c - o;
+		else if (n === "center") l = s - (o - (c - s)) / 2;
+		else if (s < a) l = s;
+		else if (c > a + o) l = c - o;
+		else return null;
+		return Math.max(0, Math.min(l, e.scrollHeight - o));
+	}, []), F = n((t, { align: n = "auto", behavior: r } = {}) => {
+		let i = e(l);
+		if (!i) return;
+		let a = P(i, t, n);
+		N.current = {
+			index: t,
+			align: n,
+			tries: 0
+		}, a !== null && i.scrollTo({
+			top: a,
 			behavior: r
 		});
-	}, [l]);
+	}, [l, P]);
+	r(() => {
+		let t = N.current, n = e(l);
+		if (!t || !n) return;
+		let r = P(n, t.index, t.align);
+		r === null || Math.abs(n.scrollTop - r) < 1 || t.tries >= 10 ? N.current = null : (t.tries++, n.scrollTop = r);
+	}, [
+		w,
+		l,
+		P
+	]);
+	let I = n((e) => {
+		if (e < 0 || e >= w.starts.length) return;
+		let t = w.starts[e], n = w.ends[e];
+		return {
+			index: e,
+			start: t,
+			end: n,
+			size: n - t
+		};
+	}, [w]);
 	return {
-		virtualItems: w,
-		totalSize: C.total,
-		measureElement: k,
-		scrollToIndex: M
+		virtualItems: T,
+		totalSize: w.total,
+		measureElement: A,
+		scrollToIndex: F,
+		getItem: I
 	};
 }
-//#endregion
-export { c as useVirtualizer };
+export { l as useVirtualizer, s as withExtraItems };