@aracna/react 1.0.47 → 1.0.49

package/functions/create-base-element-component.d.ts

@@ -2,7 +2,7 @@ import { KeyOf } from '@aracna/core';
 import { BaseElementAttributes, BaseElementEventMap } from '@aracna/web';
 import { ElementComponent, ElementComponentProps } from '../definitions/types.js';
 /**
- * Creates a new React component that renders a custom element that extends `BaseElement`.
+ * Creates a new React component that renders a custom element which extends `BaseElement`.
  * Optionally the events can be defined as well.
  *
  * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-base-element-component)

package/functions/create-floating-element-component.d.ts

@@ -2,7 +2,7 @@ import { KeyOf } from '@aracna/core';
 import { FloatingElementAttributes, FloatingElementEventMap } from '@aracna/web';
 import { ElementComponent, ElementComponentProps } from '../definitions/types.js';
 /**
- * Creates a new React component that renders a custom element that extends `FloatingElement`.
+ * Creates a new React component that renders a custom element which extends `FloatingElement`.
  * Optionally the events can be defined as well.
  *
  * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-floating-element-component)

package/functions/create-focus-trap-element-component.d.ts

@@ -2,7 +2,7 @@ import { KeyOf } from '@aracna/core';
 import { FocusTrapElementAttributes, FocusTrapElementEventMap } from '@aracna/web';
 import { ElementComponent, ElementComponentProps } from '../definitions/types.js';
 /**
- * Creates a new React component that renders a custom element that extends `FocusTrapElement`.
+ * Creates a new React component that renders a custom element which extends `FocusTrapElement`.
  * Optionally the events can be defined as well.
  *
  * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-focus-trap-element-component)

package/functions/create-form-control-element-component.d.ts

@@ -2,7 +2,7 @@ import { KeyOf } from '@aracna/core';
 import { FormControlElementAttributes, FormControlElementEventMap } from '@aracna/web';
 import { ElementComponent, ElementComponentProps } from '../definitions/types.js';
 /**
- * Creates a new React component that renders a custom element that extends `FormControlElement`.
+ * Creates a new React component that renders a custom element which extends `FormControlElement`.
  * Optionally the events can be defined as well.
  *
  * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-form-control-element-component)

package/hooks/use-intersection-observer.js

@@ -1 +1 @@
-import{useEffect as O,useRef as E,useState as d}from"react";function A(i,l,b=[]){const t=E(),[r,I]=d([]),u=(...e)=>{const s=e[0]instanceof Element?e:e[0],c=typeof e[0]=="object"&&Reflect.has(e[0],"current")?e:e[0];return r.filter(n=>[s.includes(n.target),c.some(o=>o.current===n.target)].some(Boolean)).some(n=>n.isIntersecting)},f=(...e)=>{const s=e[0]instanceof Element?e:e[0],c=typeof e[0]=="object"&&Reflect.has(e[0],"current")?e:e[0];return r.filter(n=>[s.includes(n.target),c.some(o=>o.current===n.target)].some(Boolean)).every(n=>n.isIntersecting)},m=(...e)=>u(...e),v=e=>{I(e)};return O(()=>{t.current=new IntersectionObserver(v,l);for(let e of i){if(e instanceof Element){t.current.observe(e);continue}e?.current instanceof Element&&t.current.observe(e.current)}return()=>t.current?.disconnect()},[i,l,...b]),{entries:r,observer:t,areSomeIntersecting:u,isEveryIntersecting:f,isIntersecting:m}}export{A as useIntersectionObserver};
+import{isArray as b}from"@aracna/core";import{useEffect as y,useRef as a,useState as d}from"react";function L(c,r,u=[]){const t=a(),[s,f]=d([]),o=(...e)=>{const n=b(e[0])?e[0][0]instanceof Element?e[0]:[]:e[0]instanceof Element?e:[];if(n.length>0)return s.filter(i=>n.includes(i.target));const I=b(e[0])?e[0][0]?.current instanceof Element?e[0]:[]:e[0]?.current instanceof Element?e:[];return I.length>0?s.filter(i=>I.some(O=>O.current===i.target)):s},l=(...e)=>o(...e).some(n=>n.isIntersecting),v=(...e)=>o(...e).every(n=>n.isIntersecting),E=(...e)=>l(...e),m=e=>{f(e)};return y(()=>{t.current=new IntersectionObserver(m,r);for(let e of c){if(e instanceof Element){t.current.observe(e);continue}e?.current instanceof Element&&t.current.observe(e.current)}return()=>t.current?.disconnect()},[...c,r?.root,r?.rootMargin,r?.threshold,...u]),{entries:s,observer:t,areSomeIntersecting:l,isEveryIntersecting:v,isIntersecting:E}}export{L as useIntersectionObserver};

package/index.cjs

@@ -1 +1 @@
-"use strict";var W=Object.create;var v=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var G=(e,t)=>{for(var n in t)v(e,n,{get:t[n],enumerable:!0})},P=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of V(t))!z.call(e,s)&&s!==n&&v(e,s,{get:()=>t[s],enumerable:!(o=B(t,s))||o.enumerable});return e};var q=(e,t,n)=>(n=e!=null?W(_(e)):{},P(t||!e||!e.__esModule?v(n,"default",{value:e,enumerable:!0}):n,e)),J=e=>P(v({},"__esModule",{value:!0}),e);var ie={};G(ie,{ComponentLifeCycle:()=>h,Memo:()=>Q,createBaseElementComponent:()=>p,createElementComponent:()=>T,createFloatingElementComponent:()=>X,createFocusTrapElementComponent:()=>Y,createFormControlElementComponent:()=>Z,forwardRef:()=>$,useDOMRect:()=>ee,useDispatch:()=>O,useElementRef:()=>te,useEventListener:()=>ne,useIntersectionObserver:()=>oe,useLifeCycle:()=>x,useObservableElementComponent:()=>re,useWindowEventListener:()=>w,useWindowSize:()=>se});module.exports=J(ie);var R=require("react");function Q(e){return(0,R.useMemo)(()=>e.children,e.deps??[])}var h=(o=>(o.CONSTRUCTED="CONSTRUCTED",o.MOUNTED="MOUNTED",o.UNMOUNTED="UNMOUNTED",o))(h||{});var N=require("@aracna/core"),K=require("@lit/react"),D=q(require("react"),1);var L={onAbort:"abort",onAnimationEnd:"animationend",onAnimationIteration:"animationiteration",onAnimationStart:"animationstart",onAuxClick:"auxclick",onBeforeInput:"beforeinput",onBlur:"blur",onCanPlay:"canplay",onCanPlayThrough:"canplaythrough",onChange:"change",onClick:"click",onCompositionEnd:"compositionend",onCompositionStart:"compositionstart",onCompositionUpdate:"compositionupdate",onContextMenu:"contextmenu",onCopy:"copy",onCut:"cut",onDoubleClick:"doubleclick",onDrag:"drag",onDragEnd:"dragend",onDragEnter:"dragenter",onDragExit:"dragexit",onDragLeave:"dragleave",onDragOver:"dragover",onDragStart:"dragstart",onDrop:"drop",onDurationChange:"durationchange",onEmptied:"emptied",onEncrypted:"encrypted",onEnded:"ended",onError:"error",onEventHandler:"eventhandler",onFocus:"focus",onInput:"input",onInvalid:"invalid",onKeyDown:"keydown",onKeyPress:"keypress",onKeyUp:"keyup",onLoad:"load",onLoadStart:"loadstart",onLoadedData:"loadeddata",onLoadedMetadata:"loadedmetadata",onMouseDown:"mousedown",onMouseEnter:"mouseenter",onMouseLeave:"mouseleave",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPaste:"paste",onPause:"pause",onPlay:"play",onPlaying:"playing",onPointerCancel:"pointercancel",onPointerDown:"pointerdown",onPointerEnter:"pointerenter",onPointerLeave:"pointerleave",onPointerMove:"pointermove",onPointerOut:"pointerout",onPointerOver:"pointerover",onPointerUp:"pointerup",onProgress:"progress",onRateChange:"ratechange",onReset:"reset",onResize:"resize",onScroll:"scroll",onSeeked:"seeked",onSeeking:"seeking",onSelect:"select",onStalled:"stalled",onSubmit:"submit",onSuspend:"suspend",onTimeUpdate:"timeupdate",onTouchCancel:"touchcancel",onTouchEnd:"touchend",onTouchMove:"touchmove",onTouchStart:"touchstart",onTransitionEnd:"transitionend",onVolumeChange:"volumechange",onWaiting:"waiting",onWheel:"wheel"};function T(e,t,n=[]){return(0,K.createComponent)({elementClass:t,events:{...L,...n.reduce((o,s)=>({...o,["on"+(0,N.getPascalCaseString)(String(s))]:s}),{})},react:D.default,tagName:e})}function p(e,t,n=[]){return T(e,t,["attribute-change","state-change",...n])}function X(e,t,n){return p(e,t,n)}function Y(e,t,n=[]){return p(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Z(e,t,n){return p(e,t,n)}var k=require("react");function $(...e){return(0,k.forwardRef)(e[0])}var A=require("react");var b=require("react");function x(){let e=(0,b.useRef)("CONSTRUCTED");return(0,b.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"}),[]),e}function O(e){let t=x(),n=(0,A.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var U=require("@aracna/web"),y=require("react");function ee(e,t=[]){let[n,o]=(0,y.useState)(new U.StubDOMRect);return(0,y.useEffect)(()=>{if(e instanceof Element){o(e.getBoundingClientRect());return}e?.current instanceof Element&&o(e.current.getBoundingClientRect())},[e,...t]),n}var I=require("@aracna/core"),S=require("react");function te(e,t){return(0,S.useRef)((0,I.isWindowDefined)()?document.createElement(e,t):{current:{}})}var F=require("react");function ne(e,t,n,o=[]){(0,F.useEffect)(()=>{if(e instanceof Element)return e.addEventListener(t,n),()=>e.removeEventListener(t,n);if(e?.current instanceof Element)return e.current.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)},[e,t,n,...o])}var u=require("react");function oe(e,t,n=[]){let o=(0,u.useRef)(),[s,c]=(0,u.useState)([]),E=(...r)=>{let M=r[0]instanceof Element?r:r[0],C=typeof r[0]=="object"&&Reflect.has(r[0],"current")?r:r[0];return s.filter(a=>[M.includes(a.target),C.some(g=>g.current===a.target)].some(Boolean)).some(a=>a.isIntersecting)},i=(...r)=>{let M=r[0]instanceof Element?r:r[0],C=typeof r[0]=="object"&&Reflect.has(r[0],"current")?r:r[0];return s.filter(a=>[M.includes(a.target),C.some(g=>g.current===a.target)].some(Boolean)).every(a=>a.isIntersecting)},m=(...r)=>E(...r),j=r=>{c(r)};return(0,u.useEffect)(()=>{o.current=new IntersectionObserver(j,t);for(let r of e){if(r instanceof Element){o.current.observe(r);continue}r?.current instanceof Element&&o.current.observe(r.current)}return()=>o.current?.disconnect()},[e,t,...n]),{entries:s,observer:o,areSomeIntersecting:E,isEveryIntersecting:i,isIntersecting:m}}var l=require("react");function re(e){let t=(0,l.useRef)(null),n=O(),[o,s]=(0,l.useState)({}),c=(0,l.useCallback)(i=>{i.detail&&(e?.blacklist&&e.blacklist.includes(i.detail.name)||e?.whitelist&&!e.whitelist.includes(i.detail.name)||s(m=>i.detail?{...m,[i.detail.name]:i.detail.value}:m))},[e?.blacklist,e?.whitelist]),E=(0,l.useCallback)(i=>{i.detail&&(e?.blacklist&&e.blacklist.includes(i.detail.name)||e?.whitelist&&!e.whitelist.includes(i.detail.name)||s(m=>i.detail?{...m,[i.detail.name]:i.detail.value}:m))},[e?.blacklist,e?.whitelist]);return(0,l.useEffect)(()=>n(),[t.current]),{element:t.current,onAttributeChange:c,onStateChange:E,properties:o,ref:t}}var H=require("react");function w(e,t,n=[]){(0,H.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),[e,t,...n])}var d=require("@aracna/core"),f=require("react");function se(e=[]){let[t,n]=(0,f.useState)((0,d.isWindowDefined)()?window.innerHeight:0),[o,s]=(0,f.useState)((0,d.isWindowDefined)()?window.innerWidth:0),[c,E]=(0,f.useState)((0,d.isWindowDefined)()?window.outerHeight:0),[i,m]=(0,f.useState)((0,d.isWindowDefined)()?window.outerWidth:0);return w("resize",()=>{n(window.innerHeight),s(window.innerWidth),E(window.outerHeight),m(window.outerWidth)},e),{innerHeight:t,innerWidth:o,outerHeight:c,outerWidth:i}}
+"use strict";var V=Object.create;var v=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var J=(e,t)=>{for(var n in t)v(e,n,{get:t[n],enumerable:!0})},P=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of z(t))!q.call(e,s)&&s!==n&&v(e,s,{get:()=>t[s],enumerable:!(o=_(t,s))||o.enumerable});return e};var Q=(e,t,n)=>(n=e!=null?V(G(e)):{},P(t||!e||!e.__esModule?v(n,"default",{value:e,enumerable:!0}):n,e)),X=e=>P(v({},"__esModule",{value:!0}),e);var ae={};J(ae,{ComponentLifeCycle:()=>R,Memo:()=>Y,createBaseElementComponent:()=>l,createElementComponent:()=>g,createFloatingElementComponent:()=>Z,createFocusTrapElementComponent:()=>$,createFormControlElementComponent:()=>ee,forwardRef:()=>te,useDOMRect:()=>ne,useDispatch:()=>T,useElementRef:()=>oe,useEventListener:()=>re,useIntersectionObserver:()=>se,useLifeCycle:()=>C,useObservableElementComponent:()=>ie,useWindowEventListener:()=>O,useWindowSize:()=>me});module.exports=X(ae);var h=require("react");function Y(e){return(0,h.useMemo)(()=>e.children,e.deps??[])}var R=(o=>(o.CONSTRUCTED="CONSTRUCTED",o.MOUNTED="MOUNTED",o.UNMOUNTED="UNMOUNTED",o))(R||{});var N=require("@aracna/core"),K=require("@lit/react"),D=Q(require("react"),1);var L={onAbort:"abort",onAnimationEnd:"animationend",onAnimationIteration:"animationiteration",onAnimationStart:"animationstart",onAuxClick:"auxclick",onBeforeInput:"beforeinput",onBlur:"blur",onCanPlay:"canplay",onCanPlayThrough:"canplaythrough",onChange:"change",onClick:"click",onCompositionEnd:"compositionend",onCompositionStart:"compositionstart",onCompositionUpdate:"compositionupdate",onContextMenu:"contextmenu",onCopy:"copy",onCut:"cut",onDoubleClick:"doubleclick",onDrag:"drag",onDragEnd:"dragend",onDragEnter:"dragenter",onDragExit:"dragexit",onDragLeave:"dragleave",onDragOver:"dragover",onDragStart:"dragstart",onDrop:"drop",onDurationChange:"durationchange",onEmptied:"emptied",onEncrypted:"encrypted",onEnded:"ended",onError:"error",onEventHandler:"eventhandler",onFocus:"focus",onInput:"input",onInvalid:"invalid",onKeyDown:"keydown",onKeyPress:"keypress",onKeyUp:"keyup",onLoad:"load",onLoadStart:"loadstart",onLoadedData:"loadeddata",onLoadedMetadata:"loadedmetadata",onMouseDown:"mousedown",onMouseEnter:"mouseenter",onMouseLeave:"mouseleave",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPaste:"paste",onPause:"pause",onPlay:"play",onPlaying:"playing",onPointerCancel:"pointercancel",onPointerDown:"pointerdown",onPointerEnter:"pointerenter",onPointerLeave:"pointerleave",onPointerMove:"pointermove",onPointerOut:"pointerout",onPointerOver:"pointerover",onPointerUp:"pointerup",onProgress:"progress",onRateChange:"ratechange",onReset:"reset",onResize:"resize",onScroll:"scroll",onSeeked:"seeked",onSeeking:"seeking",onSelect:"select",onStalled:"stalled",onSubmit:"submit",onSuspend:"suspend",onTimeUpdate:"timeupdate",onTouchCancel:"touchcancel",onTouchEnd:"touchend",onTouchMove:"touchmove",onTouchStart:"touchstart",onTransitionEnd:"transitionend",onVolumeChange:"volumechange",onWaiting:"waiting",onWheel:"wheel"};function g(e,t,n=[]){return(0,K.createComponent)({elementClass:t,events:{...L,...n.reduce((o,s)=>({...o,["on"+(0,N.getPascalCaseString)(String(s))]:s}),{})},react:D.default,tagName:e})}function l(e,t,n=[]){return g(e,t,["attribute-change","state-change",...n])}function Z(e,t,n){return l(e,t,n)}function $(e,t,n=[]){return l(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function ee(e,t,n){return l(e,t,n)}var A=require("react");function te(...e){return(0,A.forwardRef)(e[0])}var I=require("react");var b=require("react");function C(){let e=(0,b.useRef)("CONSTRUCTED");return(0,b.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"}),[]),e}function T(e){let t=C(),n=(0,I.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var k=require("@aracna/web"),y=require("react");function ne(e,t=[]){let[n,o]=(0,y.useState)(new k.StubDOMRect);return(0,y.useEffect)(()=>{if(e instanceof Element){o(e.getBoundingClientRect());return}e?.current instanceof Element&&o(e.current.getBoundingClientRect())},[e,...t]),n}var U=require("@aracna/core"),F=require("react");function oe(e,t){return(0,F.useRef)((0,U.isWindowDefined)()?document.createElement(e,t):{current:{}})}var S=require("react");function re(e,t,n,o=[]){(0,S.useEffect)(()=>{if(e instanceof Element)return e.addEventListener(t,n),()=>e.removeEventListener(t,n);if(e?.current instanceof Element)return e.current.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)},[e,t,n,...o])}var x=require("@aracna/core"),u=require("react");function se(e,t,n=[]){let o=(0,u.useRef)(),[s,c]=(0,u.useState)([]),p=(...r)=>{let E=(0,x.isArray)(r[0])?r[0][0]instanceof Element?r[0]:[]:r[0]instanceof Element?r:[];if(E.length>0)return s.filter(M=>E.includes(M.target));let w=(0,x.isArray)(r[0])?r[0][0]?.current instanceof Element?r[0]:[]:r[0]?.current instanceof Element?r:[];return w.length>0?s.filter(M=>w.some(B=>B.current===M.target)):s},i=(...r)=>p(...r).some(E=>E.isIntersecting),m=(...r)=>p(...r).every(E=>E.isIntersecting),W=(...r)=>i(...r),j=r=>{c(r)};return(0,u.useEffect)(()=>{o.current=new IntersectionObserver(j,t);for(let r of e){if(r instanceof Element){o.current.observe(r);continue}r?.current instanceof Element&&o.current.observe(r.current)}return()=>o.current?.disconnect()},[...e,t?.root,t?.rootMargin,t?.threshold,...n]),{entries:s,observer:o,areSomeIntersecting:i,isEveryIntersecting:m,isIntersecting:W}}var a=require("react");function ie(e){let t=(0,a.useRef)(null),n=T(),[o,s]=(0,a.useState)({}),c=(0,a.useCallback)(i=>{i.detail&&(e?.blacklist&&e.blacklist.includes(i.detail.name)||e?.whitelist&&!e.whitelist.includes(i.detail.name)||s(m=>i.detail?{...m,[i.detail.name]:i.detail.value}:m))},[e?.blacklist,e?.whitelist]),p=(0,a.useCallback)(i=>{i.detail&&(e?.blacklist&&e.blacklist.includes(i.detail.name)||e?.whitelist&&!e.whitelist.includes(i.detail.name)||s(m=>i.detail?{...m,[i.detail.name]:i.detail.value}:m))},[e?.blacklist,e?.whitelist]);return(0,a.useEffect)(()=>n(),[t.current]),{element:t.current,onAttributeChange:c,onStateChange:p,properties:o,ref:t}}var H=require("react");function O(e,t,n=[]){(0,H.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),[e,t,...n])}var d=require("@aracna/core"),f=require("react");function me(e=[]){let[t,n]=(0,f.useState)((0,d.isWindowDefined)()?window.innerHeight:0),[o,s]=(0,f.useState)((0,d.isWindowDefined)()?window.innerWidth:0),[c,p]=(0,f.useState)((0,d.isWindowDefined)()?window.outerHeight:0),[i,m]=(0,f.useState)((0,d.isWindowDefined)()?window.outerWidth:0);return O("resize",()=>{n(window.innerHeight),s(window.innerWidth),p(window.outerHeight),m(window.outerWidth)},e),{innerHeight:t,innerWidth:o,outerHeight:c,outerWidth:i}}

package/index.d.ts

@@ -710,7 +710,7 @@ export declare enum ComponentLifeCycle {
 }
 
 /**
- * Creates a new React component that renders a custom element that extends `BaseElement`.
+ * Creates a new React component that renders a custom element which extends `BaseElement`.
  * Optionally the events can be defined as well.
  *
  * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-base-element-component)
@@ -726,7 +726,7 @@ export declare function createBaseElementComponent<Element extends HTMLElementTa
 export declare function createElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: new () => Element, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
 
 /**
- * Creates a new React component that renders a custom element that extends `FloatingElement`.
+ * Creates a new React component that renders a custom element which extends `FloatingElement`.
  * Optionally the events can be defined as well.
  *
  * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-floating-element-component)
@@ -734,7 +734,7 @@ export declare function createElementComponent<Element extends HTMLElementTagNam
 export declare function createFloatingElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends FloatingElementAttributes = FloatingElementAttributes, Events extends FloatingElementEventMap = FloatingElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: new () => Element, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
 
 /**
- * Creates a new React component that renders a custom element that extends `FocusTrapElement`.
+ * Creates a new React component that renders a custom element which extends `FocusTrapElement`.
  * Optionally the events can be defined as well.
  *
  * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-focus-trap-element-component)
@@ -742,7 +742,7 @@ export declare function createFloatingElementComponent<Element extends HTMLEleme
 export declare function createFocusTrapElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends FocusTrapElementAttributes = FocusTrapElementAttributes, Events extends FocusTrapElementEventMap = FocusTrapElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: new () => Element, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
 
 /**
- * Creates a new React component that renders a custom element that extends `FormControlElement`.
+ * Creates a new React component that renders a custom element which extends `FormControlElement`.
  * Optionally the events can be defined as well.
  *
  * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-form-control-element-component)

package/index.iife.js

@@ -1,4 +1,4 @@
-"use strict";var AracnaReact=(()=>{var Ne=Object.create;var g=Object.defineProperty;var Me=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var De=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var U=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Le=(e,t)=>{for(var n in t)g(e,n,{get:t[n],enumerable:!0})},Y=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Pe(t))!we.call(e,o)&&o!==n&&g(e,o,{get:()=>t[o],enumerable:!(r=Me(t,o))||r.enumerable});return e};var m=(e,t,n)=>(n=e!=null?Ne(De(e)):{},Y(t||!e||!e.__esModule?g(n,"default",{value:e,enumerable:!0}):n,e)),xe=e=>Y(g({},"__esModule",{value:!0}),e);var ae=U(l=>{"use strict";var b=Symbol.for("react.element"),Ue=Symbol.for("react.portal"),Ie=Symbol.for("react.fragment"),Fe=Symbol.for("react.strict_mode"),ke=Symbol.for("react.profiler"),Be=Symbol.for("react.provider"),Ke=Symbol.for("react.context"),Ge=Symbol.for("react.forward_ref"),He=Symbol.for("react.suspense"),je=Symbol.for("react.memo"),We=Symbol.for("react.lazy"),q=Symbol.iterator;function Ve(e){return e===null||typeof e!="object"?null:(e=q&&e[q]||e["@@iterator"],typeof e=="function"?e:null)}var ee={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},te=Object.assign,ne={};function A(e,t,n){this.props=e,this.context=t,this.refs=ne,this.updater=n||ee}A.prototype.isReactComponent={};A.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};A.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function re(){}re.prototype=A.prototype;function F(e,t,n){this.props=e,this.context=t,this.refs=ne,this.updater=n||ee}var k=F.prototype=new re;k.constructor=F;te(k,A.prototype);k.isPureReactComponent=!0;var Z=Array.isArray,oe=Object.prototype.hasOwnProperty,B={current:null},se={key:!0,ref:!0,__self:!0,__source:!0};function ie(e,t,n){var r,o={},u=null,i=null;if(t!=null)for(r in t.ref!==void 0&&(i=t.ref),t.key!==void 0&&(u=""+t.key),t)oe.call(t,r)&&!se.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(s===1)o.children=n;else if(1<s){for(var a=Array(s),E=0;E<s;E++)a[E]=arguments[E+2];o.children=a}if(e&&e.defaultProps)for(r in s=e.defaultProps,s)o[r]===void 0&&(o[r]=s[r]);return{$$typeof:b,type:e,key:u,ref:i,props:o,_owner:B.current}}function ze(e,t){return{$$typeof:b,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function K(e){return typeof e=="object"&&e!==null&&e.$$typeof===b}function $e(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var Q=/\/+/g;function I(e,t){return typeof e=="object"&&e!==null&&e.key!=null?$e(""+e.key):t.toString(36)}function M(e,t,n,r,o){var u=typeof e;(u==="undefined"||u==="boolean")&&(e=null);var i=!1;if(e===null)i=!0;else switch(u){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case b:case Ue:i=!0}}if(i)return i=e,o=o(i),e=r===""?"."+I(i,0):r,Z(o)?(n="",e!=null&&(n=e.replace(Q,"$&/")+"/"),M(o,t,n,"",function(E){return E})):o!=null&&(K(o)&&(o=ze(o,n+(!o.key||i&&i.key===o.key?"":(""+o.key).replace(Q,"$&/")+"/")+e)),t.push(o)),1;if(i=0,r=r===""?".":r+":",Z(e))for(var s=0;s<e.length;s++){u=e[s];var a=r+I(u,s);i+=M(u,t,n,a,o)}else if(a=Ve(e),typeof a=="function")for(e=a.call(e),s=0;!(u=e.next()).done;)u=u.value,a=r+I(u,s++),i+=M(u,t,n,a,o);else if(u==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return i}function N(e,t,n){if(e==null)return e;var r=[],o=0;return M(e,r,"","",function(u){return t.call(n,u,o++)}),r}function Je(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var p={current:null},P={transition:null},Xe={ReactCurrentDispatcher:p,ReactCurrentBatchConfig:P,ReactCurrentOwner:B};l.Children={map:N,forEach:function(e,t,n){N(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return N(e,function(){t++}),t},toArray:function(e){return N(e,function(t){return t})||[]},only:function(e){if(!K(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};l.Component=A;l.Fragment=Ie;l.Profiler=ke;l.PureComponent=F;l.StrictMode=Fe;l.Suspense=He;l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Xe;l.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=te({},e.props),o=e.key,u=e.ref,i=e._owner;if(t!=null){if(t.ref!==void 0&&(u=t.ref,i=B.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(a in t)oe.call(t,a)&&!se.hasOwnProperty(a)&&(r[a]=t[a]===void 0&&s!==void 0?s[a]:t[a])}var a=arguments.length-2;if(a===1)r.children=n;else if(1<a){s=Array(a);for(var E=0;E<a;E++)s[E]=arguments[E+2];r.children=s}return{$$typeof:b,type:e.type,key:o,ref:u,props:r,_owner:i}};l.createContext=function(e){return e={$$typeof:Ke,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Be,_context:e},e.Consumer=e};l.createElement=ie;l.createFactory=function(e){var t=ie.bind(null,e);return t.type=e,t};l.createRef=function(){return{current:null}};l.forwardRef=function(e){return{$$typeof:Ge,render:e}};l.isValidElement=K;l.lazy=function(e){return{$$typeof:We,_payload:{_status:-1,_result:e},_init:Je}};l.memo=function(e,t){return{$$typeof:je,type:e,compare:t===void 0?null:t}};l.startTransition=function(e){var t=P.transition;P.transition={};try{e()}finally{P.transition=t}};l.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};l.useCallback=function(e,t){return p.current.useCallback(e,t)};l.useContext=function(e){return p.current.useContext(e)};l.useDebugValue=function(){};l.useDeferredValue=function(e){return p.current.useDeferredValue(e)};l.useEffect=function(e,t){return p.current.useEffect(e,t)};l.useId=function(){return p.current.useId()};l.useImperativeHandle=function(e,t,n){return p.current.useImperativeHandle(e,t,n)};l.useInsertionEffect=function(e,t){return p.current.useInsertionEffect(e,t)};l.useLayoutEffect=function(e,t){return p.current.useLayoutEffect(e,t)};l.useMemo=function(e,t){return p.current.useMemo(e,t)};l.useReducer=function(e,t,n){return p.current.useReducer(e,t,n)};l.useRef=function(e){return p.current.useRef(e)};l.useState=function(e){return p.current.useState(e)};l.useSyncExternalStore=function(e,t,n){return p.current.useSyncExternalStore(e,t,n)};l.useTransition=function(){return p.current.useTransition()};l.version="18.2.0"});var d=U((bt,ue)=>{"use strict";ue.exports=ae()});var de=U(H=>{"use strict";H.parse=tt;H.serialize=nt;var et=Object.prototype.toString,D=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function tt(e,t){if(typeof e!="string")throw new TypeError("argument str must be a string");for(var n={},r=t||{},o=r.decode||rt,u=0;u<e.length;){var i=e.indexOf("=",u);if(i===-1)break;var s=e.indexOf(";",u);if(s===-1)s=e.length;else if(s<i){u=e.lastIndexOf(";",i-1)+1;continue}var a=e.slice(u,i).trim();if(n[a]===void 0){var E=e.slice(i+1,s).trim();E.charCodeAt(0)===34&&(E=E.slice(1,-1)),n[a]=it(E,o)}u=s+1}return n}function nt(e,t,n){var r=n||{},o=r.encode||ot;if(typeof o!="function")throw new TypeError("option encode is invalid");if(!D.test(e))throw new TypeError("argument name is invalid");var u=o(t);if(u&&!D.test(u))throw new TypeError("argument val is invalid");var i=e+"="+u;if(r.maxAge!=null){var s=r.maxAge-0;if(isNaN(s)||!isFinite(s))throw new TypeError("option maxAge is invalid");i+="; Max-Age="+Math.floor(s)}if(r.domain){if(!D.test(r.domain))throw new TypeError("option domain is invalid");i+="; Domain="+r.domain}if(r.path){if(!D.test(r.path))throw new TypeError("option path is invalid");i+="; Path="+r.path}if(r.expires){var a=r.expires;if(!st(a)||isNaN(a.valueOf()))throw new TypeError("option expires is invalid");i+="; Expires="+a.toUTCString()}if(r.httpOnly&&(i+="; HttpOnly"),r.secure&&(i+="; Secure"),r.partitioned&&(i+="; Partitioned"),r.priority){var E=typeof r.priority=="string"?r.priority.toLowerCase():r.priority;switch(E){case"low":i+="; Priority=Low";break;case"medium":i+="; Priority=Medium";break;case"high":i+="; Priority=High";break;default:throw new TypeError("option priority is invalid")}}if(r.sameSite){var c=typeof r.sameSite=="string"?r.sameSite.toLowerCase():r.sameSite;switch(c){case!0:i+="; SameSite=Strict";break;case"lax":i+="; SameSite=Lax";break;case"strict":i+="; SameSite=Strict";break;case"none":i+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return i}function rt(e){return e.indexOf("%")!==-1?decodeURIComponent(e):e}function ot(e){return encodeURIComponent(e)}function st(e){return et.call(e)==="[object Date]"||e instanceof Date}function it(e,t){try{return t(e)}catch{return e}}});var ht={};Le(ht,{ComponentLifeCycle:()=>le,Memo:()=>Ye,createBaseElementComponent:()=>R,createElementComponent:()=>z,createFloatingElementComponent:()=>ct,createFocusTrapElementComponent:()=>lt,createFormControlElementComponent:()=>Et,forwardRef:()=>ft,useDOMRect:()=>dt,useDispatch:()=>J,useElementRef:()=>Tt,useEventListener:()=>yt,useIntersectionObserver:()=>_t,useLifeCycle:()=>$,useObservableElementComponent:()=>vt,useWindowEventListener:()=>X,useWindowSize:()=>Rt});var ce=m(d(),1);function Ye(e){return(0,ce.useMemo)(()=>e.children,e.deps??[])}var le=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(le||{});var Ee=()=>({tc:{log:!0,onCatch:()=>{}},tcp:{log:!0,onCatch:()=>{}}});var qe="abcdefghijklmnopqrstuvwxyz";var G="0123456789",Ze="ABCDEFGHIJKLMNOPQRSTUVWXYZ",Nt=G+qe+Ze,Mt=G+"abcdef",Pt=G+"ABCDEF";var fe=/[^a-zA-Z0-9]/g;var O=class{static functions=Ee()};function pe(e,t=O.functions.tc.log){try{return e()}catch(n){return t&&console.error(n),O.functions.tc.onCatch(n,t),n}}function v(){return typeof window<"u"}function Qe(e,t=!1){return e.charAt(0).toUpperCase()+(t?e.slice(1).toLowerCase():e.slice(1))}function me(e){let t,n;t="",n=!1;for(let r of e){if(fe.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Qe(t)}var j=m(de(),1);function Te(e,t){let n;return n=pe(()=>(0,j.parse)(e,t)),n instanceof Error?{}:n}var ye=e=>()=>[...e.entries()].map(([t,n])=>[t,n].join("=")).join(";"),_e=(e,t=Te)=>n=>{let r;if(r=t(n),!(r instanceof Error))for(let o in r){if(n.includes("Expires=Thu, 01 Jan 1970 00:00:00 GMT")){e.delete(o);continue}e.set(o,r[o])}};var W=e=>({clear:()=>e.clear(),getItem:t=>{let n;return n=e.get(t),typeof n>"u"?null:n},key:t=>{let n;return n=[...e.keys()][t],typeof n>"u"?null:n},removeItem:t=>{e.delete(t)},setItem:(t,n)=>{e.set(t,n)},get length(){return e.size}}),Xt=Object.freeze({decode:()=>"",encoding:"",fatal:!1,ignoreBOM:!1}),Yt=Object.freeze({encode:()=>new Uint8Array,encodeInto:()=>({read:0,written:0}),encoding:""});var at=new Set(["children","localName","ref","style","className"]),ve=new WeakMap,ut=(e,t,n,r,o)=>{let u=o?.[t];u===void 0||n===r?(e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)):((i,s,a)=>{let E=ve.get(i);E===void 0&&ve.set(i,E=new Map);let c=E.get(s);a!==void 0?c===void 0?(E.set(s,c={handleEvent:a}),i.addEventListener(s,c)):c.handleEvent=a:c!==void 0&&(E.delete(s),i.removeEventListener(s,c))})(e,u,n)},V=({react:e,tagName:t,elementClass:n,events:r,displayName:o})=>{let u=new Set(Object.keys(r??{})),i=e.forwardRef((s,a)=>{let E=e.useRef(null),c=e.useRef(null),y={},h={};for(let[f,_]of Object.entries(s))at.has(f)?y[f==="className"?"class":f]=_:u.has(f)||f in n.prototype?h[f]=_:y[f]=_;return e.useLayoutEffect(()=>{if(c.current!==null){for(let f in h)ut(c.current,f,s[f],E.current?E.current[f]:void 0,r);E.current=s}}),e.useLayoutEffect(()=>{c.current?.removeAttribute("defer-hydration")},[]),y.suppressHydrationWarning=!0,e.createElement(t,{...y,ref:e.useCallback(f=>{c.current=f,typeof a=="function"?a(f):a!==null&&(a.current=f)},[a])})});return i.displayName=o??n.name,i};var he=m(d(),1);var Re={onAbort:"abort",onAnimationEnd:"animationend",onAnimationIteration:"animationiteration",onAnimationStart:"animationstart",onAuxClick:"auxclick",onBeforeInput:"beforeinput",onBlur:"blur",onCanPlay:"canplay",onCanPlayThrough:"canplaythrough",onChange:"change",onClick:"click",onCompositionEnd:"compositionend",onCompositionStart:"compositionstart",onCompositionUpdate:"compositionupdate",onContextMenu:"contextmenu",onCopy:"copy",onCut:"cut",onDoubleClick:"doubleclick",onDrag:"drag",onDragEnd:"dragend",onDragEnter:"dragenter",onDragExit:"dragexit",onDragLeave:"dragleave",onDragOver:"dragover",onDragStart:"dragstart",onDrop:"drop",onDurationChange:"durationchange",onEmptied:"emptied",onEncrypted:"encrypted",onEnded:"ended",onError:"error",onEventHandler:"eventhandler",onFocus:"focus",onInput:"input",onInvalid:"invalid",onKeyDown:"keydown",onKeyPress:"keypress",onKeyUp:"keyup",onLoad:"load",onLoadStart:"loadstart",onLoadedData:"loadeddata",onLoadedMetadata:"loadedmetadata",onMouseDown:"mousedown",onMouseEnter:"mouseenter",onMouseLeave:"mouseleave",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPaste:"paste",onPause:"pause",onPlay:"play",onPlaying:"playing",onPointerCancel:"pointercancel",onPointerDown:"pointerdown",onPointerEnter:"pointerenter",onPointerLeave:"pointerleave",onPointerMove:"pointermove",onPointerOut:"pointerout",onPointerOver:"pointerover",onPointerUp:"pointerup",onProgress:"progress",onRateChange:"ratechange",onReset:"reset",onResize:"resize",onScroll:"scroll",onSeeked:"seeked",onSeeking:"seeking",onSelect:"select",onStalled:"stalled",onSubmit:"submit",onSuspend:"suspend",onTimeUpdate:"timeupdate",onTouchCancel:"touchcancel",onTouchEnd:"touchend",onTouchMove:"touchmove",onTouchStart:"touchstart",onTransitionEnd:"transitionend",onVolumeChange:"volumechange",onWaiting:"waiting",onWheel:"wheel"};function z(e,t,n=[]){return V({elementClass:t,events:{...Re,...n.reduce((r,o)=>({...r,["on"+me(String(o))]:o}),{})},react:he.default,tagName:e})}function R(e,t,n=[]){return z(e,t,["attribute-change","state-change",...n])}function ct(e,t,n){return R(e,t,n)}function lt(e,t,n=[]){return R(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Et(e,t,n){return R(e,t,n)}var Ae=m(d(),1);function ft(...e){return(0,Ae.forwardRef)(e[0])}var Se=m(d(),1);var w=m(d(),1);function $(){let e=(0,w.useRef)("CONSTRUCTED");return(0,w.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"}),[]),e}function J(e){let t=$(),n=(0,Se.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var L=class e{bottom;height;left;right;top;width;x;y;constructor(t,n,r,o){this.bottom=0,this.height=o??0,this.left=0,this.right=0,this.top=0,this.width=r??0,this.x=t??0,this.y=n??0}fromRect(t){return new e(t?.x,t?.y,t?.width,t?.height)}toJSON(){return{bottom:this.bottom,height:this.height,left:this.left,right:this.right,top:this.top,width:this.width,x:this.x,y:this.y}}};var be=new Map,On={get:ye(be),set:_e(be)},pt=new Map,Cn=W(pt),mt=new Map,gn=W(mt);var x=m(d(),1);function dt(e,t=[]){let[n,r]=(0,x.useState)(new L);return(0,x.useEffect)(()=>{if(e instanceof Element){r(e.getBoundingClientRect());return}e?.current instanceof Element&&r(e.current.getBoundingClientRect())},[e,...t]),n}var Oe=m(d(),1);function Tt(e,t){return(0,Oe.useRef)(v()?document.createElement(e,t):{current:{}})}var Ce=m(d(),1);function yt(e,t,n,r=[]){(0,Ce.useEffect)(()=>{if(e instanceof Element)return e.addEventListener(t,n),()=>e.removeEventListener(t,n);if(e?.current instanceof Element)return e.current.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)},[e,t,n,...r])}var S=m(d(),1);function _t(e,t,n=[]){let r=(0,S.useRef)(),[o,u]=(0,S.useState)([]),i=(...c)=>{let y=c[0]instanceof Element?c:c[0],h=typeof c[0]=="object"&&Reflect.has(c[0],"current")?c:c[0];return o.filter(f=>[y.includes(f.target),h.some(_=>_.current===f.target)].some(Boolean)).some(f=>f.isIntersecting)},s=(...c)=>{let y=c[0]instanceof Element?c:c[0],h=typeof c[0]=="object"&&Reflect.has(c[0],"current")?c:c[0];return o.filter(f=>[y.includes(f.target),h.some(_=>_.current===f.target)].some(Boolean)).every(f=>f.isIntersecting)},a=(...c)=>i(...c),E=c=>{u(c)};return(0,S.useEffect)(()=>{r.current=new IntersectionObserver(E,t);for(let c of e){if(c instanceof Element){r.current.observe(c);continue}c?.current instanceof Element&&r.current.observe(c.current)}return()=>r.current?.disconnect()},[e,t,...n]),{entries:o,observer:r,areSomeIntersecting:i,isEveryIntersecting:s,isIntersecting:a}}var T=m(d(),1);function vt(e){let t=(0,T.useRef)(null),n=J(),[r,o]=(0,T.useState)({}),u=(0,T.useCallback)(s=>{s.detail&&(e?.blacklist&&e.blacklist.includes(s.detail.name)||e?.whitelist&&!e.whitelist.includes(s.detail.name)||o(a=>s.detail?{...a,[s.detail.name]:s.detail.value}:a))},[e?.blacklist,e?.whitelist]),i=(0,T.useCallback)(s=>{s.detail&&(e?.blacklist&&e.blacklist.includes(s.detail.name)||e?.whitelist&&!e.whitelist.includes(s.detail.name)||o(a=>s.detail?{...a,[s.detail.name]:s.detail.value}:a))},[e?.blacklist,e?.whitelist]);return(0,T.useEffect)(()=>n(),[t.current]),{element:t.current,onAttributeChange:u,onStateChange:i,properties:r,ref:t}}var ge=m(d(),1);function X(e,t,n=[]){(0,ge.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),[e,t,...n])}var C=m(d(),1);function Rt(e=[]){let[t,n]=(0,C.useState)(v()?window.innerHeight:0),[r,o]=(0,C.useState)(v()?window.innerWidth:0),[u,i]=(0,C.useState)(v()?window.outerHeight:0),[s,a]=(0,C.useState)(v()?window.outerWidth:0);return X("resize",()=>{n(window.innerHeight),o(window.innerWidth),i(window.outerHeight),a(window.outerWidth)},e),{innerHeight:t,innerWidth:r,outerHeight:u,outerWidth:s}}return xe(ht);})();
+"use strict";var AracnaReact=(()=>{var Pe=Object.create;var C=Object.defineProperty;var De=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var we=Object.getPrototypeOf,xe=Object.prototype.hasOwnProperty;var U=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Ue=(e,t)=>{for(var n in t)C(e,n,{get:t[n],enumerable:!0})},q=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Le(t))!xe.call(e,o)&&o!==n&&C(e,o,{get:()=>t[o],enumerable:!(r=De(t,o))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?Pe(we(e)):{},q(t||!e||!e.__esModule?C(n,"default",{value:e,enumerable:!0}):n,e)),Ie=e=>q(C({},"__esModule",{value:!0}),e);var ue=U(c=>{"use strict";var O=Symbol.for("react.element"),Fe=Symbol.for("react.portal"),ke=Symbol.for("react.fragment"),Be=Symbol.for("react.strict_mode"),Ke=Symbol.for("react.profiler"),Ge=Symbol.for("react.provider"),He=Symbol.for("react.context"),je=Symbol.for("react.forward_ref"),We=Symbol.for("react.suspense"),Ve=Symbol.for("react.memo"),ze=Symbol.for("react.lazy"),Z=Symbol.iterator;function $e(e){return e===null||typeof e!="object"?null:(e=Z&&e[Z]||e["@@iterator"],typeof e=="function"?e:null)}var te={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ne=Object.assign,re={};function R(e,t,n){this.props=e,this.context=t,this.refs=re,this.updater=n||te}R.prototype.isReactComponent={};R.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};R.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function oe(){}oe.prototype=R.prototype;function F(e,t,n){this.props=e,this.context=t,this.refs=re,this.updater=n||te}var k=F.prototype=new oe;k.constructor=F;ne(k,R.prototype);k.isPureReactComponent=!0;var Q=Array.isArray,se=Object.prototype.hasOwnProperty,B={current:null},ie={key:!0,ref:!0,__self:!0,__source:!0};function ae(e,t,n){var r,o={},u=null,i=null;if(t!=null)for(r in t.ref!==void 0&&(i=t.ref),t.key!==void 0&&(u=""+t.key),t)se.call(t,r)&&!ie.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(s===1)o.children=n;else if(1<s){for(var a=Array(s),l=0;l<s;l++)a[l]=arguments[l+2];o.children=a}if(e&&e.defaultProps)for(r in s=e.defaultProps,s)o[r]===void 0&&(o[r]=s[r]);return{$$typeof:O,type:e,key:u,ref:i,props:o,_owner:B.current}}function Je(e,t){return{$$typeof:O,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function K(e){return typeof e=="object"&&e!==null&&e.$$typeof===O}function Xe(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var ee=/\/+/g;function I(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Xe(""+e.key):t.toString(36)}function M(e,t,n,r,o){var u=typeof e;(u==="undefined"||u==="boolean")&&(e=null);var i=!1;if(e===null)i=!0;else switch(u){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case O:case Fe:i=!0}}if(i)return i=e,o=o(i),e=r===""?"."+I(i,0):r,Q(o)?(n="",e!=null&&(n=e.replace(ee,"$&/")+"/"),M(o,t,n,"",function(l){return l})):o!=null&&(K(o)&&(o=Je(o,n+(!o.key||i&&i.key===o.key?"":(""+o.key).replace(ee,"$&/")+"/")+e)),t.push(o)),1;if(i=0,r=r===""?".":r+":",Q(e))for(var s=0;s<e.length;s++){u=e[s];var a=r+I(u,s);i+=M(u,t,n,a,o)}else if(a=$e(e),typeof a=="function")for(e=a.call(e),s=0;!(u=e.next()).done;)u=u.value,a=r+I(u,s++),i+=M(u,t,n,a,o);else if(u==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return i}function N(e,t,n){if(e==null)return e;var r=[],o=0;return M(e,r,"","",function(u){return t.call(n,u,o++)}),r}function Ye(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var m={current:null},P={transition:null},qe={ReactCurrentDispatcher:m,ReactCurrentBatchConfig:P,ReactCurrentOwner:B};c.Children={map:N,forEach:function(e,t,n){N(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return N(e,function(){t++}),t},toArray:function(e){return N(e,function(t){return t})||[]},only:function(e){if(!K(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};c.Component=R;c.Fragment=ke;c.Profiler=Ke;c.PureComponent=F;c.StrictMode=Be;c.Suspense=We;c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=qe;c.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=ne({},e.props),o=e.key,u=e.ref,i=e._owner;if(t!=null){if(t.ref!==void 0&&(u=t.ref,i=B.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(a in t)se.call(t,a)&&!ie.hasOwnProperty(a)&&(r[a]=t[a]===void 0&&s!==void 0?s[a]:t[a])}var a=arguments.length-2;if(a===1)r.children=n;else if(1<a){s=Array(a);for(var l=0;l<a;l++)s[l]=arguments[l+2];r.children=s}return{$$typeof:O,type:e.type,key:o,ref:u,props:r,_owner:i}};c.createContext=function(e){return e={$$typeof:He,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Ge,_context:e},e.Consumer=e};c.createElement=ae;c.createFactory=function(e){var t=ae.bind(null,e);return t.type=e,t};c.createRef=function(){return{current:null}};c.forwardRef=function(e){return{$$typeof:je,render:e}};c.isValidElement=K;c.lazy=function(e){return{$$typeof:ze,_payload:{_status:-1,_result:e},_init:Ye}};c.memo=function(e,t){return{$$typeof:Ve,type:e,compare:t===void 0?null:t}};c.startTransition=function(e){var t=P.transition;P.transition={};try{e()}finally{P.transition=t}};c.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};c.useCallback=function(e,t){return m.current.useCallback(e,t)};c.useContext=function(e){return m.current.useContext(e)};c.useDebugValue=function(){};c.useDeferredValue=function(e){return m.current.useDeferredValue(e)};c.useEffect=function(e,t){return m.current.useEffect(e,t)};c.useId=function(){return m.current.useId()};c.useImperativeHandle=function(e,t,n){return m.current.useImperativeHandle(e,t,n)};c.useInsertionEffect=function(e,t){return m.current.useInsertionEffect(e,t)};c.useLayoutEffect=function(e,t){return m.current.useLayoutEffect(e,t)};c.useMemo=function(e,t){return m.current.useMemo(e,t)};c.useReducer=function(e,t,n){return m.current.useReducer(e,t,n)};c.useRef=function(e){return m.current.useRef(e)};c.useState=function(e){return m.current.useState(e)};c.useSyncExternalStore=function(e,t,n){return m.current.useSyncExternalStore(e,t,n)};c.useTransition=function(){return m.current.useTransition()};c.version="18.2.0"});var T=U((gt,ce)=>{"use strict";ce.exports=ue()});var Te=U(j=>{"use strict";j.parse=rt;j.serialize=ot;var nt=Object.prototype.toString,D=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function rt(e,t){if(typeof e!="string")throw new TypeError("argument str must be a string");for(var n={},r=t||{},o=r.decode||st,u=0;u<e.length;){var i=e.indexOf("=",u);if(i===-1)break;var s=e.indexOf(";",u);if(s===-1)s=e.length;else if(s<i){u=e.lastIndexOf(";",i-1)+1;continue}var a=e.slice(u,i).trim();if(n[a]===void 0){var l=e.slice(i+1,s).trim();l.charCodeAt(0)===34&&(l=l.slice(1,-1)),n[a]=ut(l,o)}u=s+1}return n}function ot(e,t,n){var r=n||{},o=r.encode||it;if(typeof o!="function")throw new TypeError("option encode is invalid");if(!D.test(e))throw new TypeError("argument name is invalid");var u=o(t);if(u&&!D.test(u))throw new TypeError("argument val is invalid");var i=e+"="+u;if(r.maxAge!=null){var s=r.maxAge-0;if(isNaN(s)||!isFinite(s))throw new TypeError("option maxAge is invalid");i+="; Max-Age="+Math.floor(s)}if(r.domain){if(!D.test(r.domain))throw new TypeError("option domain is invalid");i+="; Domain="+r.domain}if(r.path){if(!D.test(r.path))throw new TypeError("option path is invalid");i+="; Path="+r.path}if(r.expires){var a=r.expires;if(!at(a)||isNaN(a.valueOf()))throw new TypeError("option expires is invalid");i+="; Expires="+a.toUTCString()}if(r.httpOnly&&(i+="; HttpOnly"),r.secure&&(i+="; Secure"),r.partitioned&&(i+="; Partitioned"),r.priority){var l=typeof r.priority=="string"?r.priority.toLowerCase():r.priority;switch(l){case"low":i+="; Priority=Low";break;case"medium":i+="; Priority=Medium";break;case"high":i+="; Priority=High";break;default:throw new TypeError("option priority is invalid")}}if(r.sameSite){var p=typeof r.sameSite=="string"?r.sameSite.toLowerCase():r.sameSite;switch(p){case!0:i+="; SameSite=Strict";break;case"lax":i+="; SameSite=Lax";break;case"strict":i+="; SameSite=Strict";break;case"none":i+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return i}function st(e){return e.indexOf("%")!==-1?decodeURIComponent(e):e}function it(e){return encodeURIComponent(e)}function at(e){return nt.call(e)==="[object Date]"||e instanceof Date}function ut(e,t){try{return t(e)}catch{return e}}});var St={};Ue(St,{ComponentLifeCycle:()=>Ee,Memo:()=>Ze,createBaseElementComponent:()=>A,createElementComponent:()=>$,createFloatingElementComponent:()=>Et,createFocusTrapElementComponent:()=>ft,createFormControlElementComponent:()=>pt,forwardRef:()=>mt,useDOMRect:()=>yt,useDispatch:()=>X,useElementRef:()=>_t,useEventListener:()=>vt,useIntersectionObserver:()=>ht,useLifeCycle:()=>J,useObservableElementComponent:()=>At,useWindowEventListener:()=>Y,useWindowSize:()=>Rt});var le=d(T(),1);function Ze(e){return(0,le.useMemo)(()=>e.children,e.deps??[])}var Ee=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(Ee||{});var fe=()=>({tc:{log:!0,onCatch:()=>{}},tcp:{log:!0,onCatch:()=>{}}});var Qe="abcdefghijklmnopqrstuvwxyz";var G="0123456789",et="ABCDEFGHIJKLMNOPQRSTUVWXYZ",Pt=G+Qe+et,Dt=G+"abcdef",Lt=G+"ABCDEF";var pe=/[^a-zA-Z0-9]/g;var b=class{static functions=fe()};function me(e,t=b.functions.tc.log){try{return e()}catch(n){return t&&console.error(n),b.functions.tc.onCatch(n,t),n}}function h(){return typeof window<"u"}function tt(e,t=!1){return e.charAt(0).toUpperCase()+(t?e.slice(1).toLowerCase():e.slice(1))}function de(e){let t,n;t="",n=!1;for(let r of e){if(pe.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return tt(t)}function H(e){return Array.isArray(e)}var W=d(Te(),1);function ye(e,t){let n;return n=me(()=>(0,W.parse)(e,t)),n instanceof Error?{}:n}var _e=e=>()=>[...e.entries()].map(([t,n])=>[t,n].join("=")).join(";"),ve=(e,t=ye)=>n=>{let r;if(r=t(n),!(r instanceof Error))for(let o in r){if(n.includes("Expires=Thu, 01 Jan 1970 00:00:00 GMT")){e.delete(o);continue}e.set(o,r[o])}};var V=e=>({clear:()=>e.clear(),getItem:t=>{let n;return n=e.get(t),typeof n>"u"?null:n},key:t=>{let n;return n=[...e.keys()][t],typeof n>"u"?null:n},removeItem:t=>{e.delete(t)},setItem:(t,n)=>{e.set(t,n)},get length(){return e.size}}),Zt=Object.freeze({decode:()=>"",encoding:"",fatal:!1,ignoreBOM:!1}),Qt=Object.freeze({encode:()=>new Uint8Array,encodeInto:()=>({read:0,written:0}),encoding:""});var ct=new Set(["children","localName","ref","style","className"]),he=new WeakMap,lt=(e,t,n,r,o)=>{let u=o?.[t];u===void 0||n===r?(e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)):((i,s,a)=>{let l=he.get(i);l===void 0&&he.set(i,l=new Map);let p=l.get(s);a!==void 0?p===void 0?(l.set(s,p={handleEvent:a}),i.addEventListener(s,p)):p.handleEvent=a:p!==void 0&&(l.delete(s),i.removeEventListener(s,p))})(e,u,n)},z=({react:e,tagName:t,elementClass:n,events:r,displayName:o})=>{let u=new Set(Object.keys(r??{})),i=e.forwardRef((s,a)=>{let l=e.useRef(null),p=e.useRef(null),E={},y={};for(let[f,v]of Object.entries(s))ct.has(f)?E[f==="className"?"class":f]=v:u.has(f)||f in n.prototype?y[f]=v:E[f]=v;return e.useLayoutEffect(()=>{if(p.current!==null){for(let f in y)lt(p.current,f,s[f],l.current?l.current[f]:void 0,r);l.current=s}}),e.useLayoutEffect(()=>{p.current?.removeAttribute("defer-hydration")},[]),E.suppressHydrationWarning=!0,e.createElement(t,{...E,ref:e.useCallback(f=>{p.current=f,typeof a=="function"?a(f):a!==null&&(a.current=f)},[a])})});return i.displayName=o??n.name,i};var Re=d(T(),1);var Ae={onAbort:"abort",onAnimationEnd:"animationend",onAnimationIteration:"animationiteration",onAnimationStart:"animationstart",onAuxClick:"auxclick",onBeforeInput:"beforeinput",onBlur:"blur",onCanPlay:"canplay",onCanPlayThrough:"canplaythrough",onChange:"change",onClick:"click",onCompositionEnd:"compositionend",onCompositionStart:"compositionstart",onCompositionUpdate:"compositionupdate",onContextMenu:"contextmenu",onCopy:"copy",onCut:"cut",onDoubleClick:"doubleclick",onDrag:"drag",onDragEnd:"dragend",onDragEnter:"dragenter",onDragExit:"dragexit",onDragLeave:"dragleave",onDragOver:"dragover",onDragStart:"dragstart",onDrop:"drop",onDurationChange:"durationchange",onEmptied:"emptied",onEncrypted:"encrypted",onEnded:"ended",onError:"error",onEventHandler:"eventhandler",onFocus:"focus",onInput:"input",onInvalid:"invalid",onKeyDown:"keydown",onKeyPress:"keypress",onKeyUp:"keyup",onLoad:"load",onLoadStart:"loadstart",onLoadedData:"loadeddata",onLoadedMetadata:"loadedmetadata",onMouseDown:"mousedown",onMouseEnter:"mouseenter",onMouseLeave:"mouseleave",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPaste:"paste",onPause:"pause",onPlay:"play",onPlaying:"playing",onPointerCancel:"pointercancel",onPointerDown:"pointerdown",onPointerEnter:"pointerenter",onPointerLeave:"pointerleave",onPointerMove:"pointermove",onPointerOut:"pointerout",onPointerOver:"pointerover",onPointerUp:"pointerup",onProgress:"progress",onRateChange:"ratechange",onReset:"reset",onResize:"resize",onScroll:"scroll",onSeeked:"seeked",onSeeking:"seeking",onSelect:"select",onStalled:"stalled",onSubmit:"submit",onSuspend:"suspend",onTimeUpdate:"timeupdate",onTouchCancel:"touchcancel",onTouchEnd:"touchend",onTouchMove:"touchmove",onTouchStart:"touchstart",onTransitionEnd:"transitionend",onVolumeChange:"volumechange",onWaiting:"waiting",onWheel:"wheel"};function $(e,t,n=[]){return z({elementClass:t,events:{...Ae,...n.reduce((r,o)=>({...r,["on"+de(String(o))]:o}),{})},react:Re.default,tagName:e})}function A(e,t,n=[]){return $(e,t,["attribute-change","state-change",...n])}function Et(e,t,n){return A(e,t,n)}function ft(e,t,n=[]){return A(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function pt(e,t,n){return A(e,t,n)}var Se=d(T(),1);function mt(...e){return(0,Se.forwardRef)(e[0])}var Oe=d(T(),1);var L=d(T(),1);function J(){let e=(0,L.useRef)("CONSTRUCTED");return(0,L.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"}),[]),e}function X(e){let t=J(),n=(0,Oe.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var w=class e{bottom;height;left;right;top;width;x;y;constructor(t,n,r,o){this.bottom=0,this.height=o??0,this.left=0,this.right=0,this.top=0,this.width=r??0,this.x=t??0,this.y=n??0}fromRect(t){return new e(t?.x,t?.y,t?.width,t?.height)}toJSON(){return{bottom:this.bottom,height:this.height,left:this.left,right:this.right,top:this.top,width:this.width,x:this.x,y:this.y}}};var be=new Map,Nn={get:_e(be),set:ve(be)},dt=new Map,Mn=V(dt),Tt=new Map,Pn=V(Tt);var x=d(T(),1);function yt(e,t=[]){let[n,r]=(0,x.useState)(new w);return(0,x.useEffect)(()=>{if(e instanceof Element){r(e.getBoundingClientRect());return}e?.current instanceof Element&&r(e.current.getBoundingClientRect())},[e,...t]),n}var ge=d(T(),1);function _t(e,t){return(0,ge.useRef)(h()?document.createElement(e,t):{current:{}})}var Ce=d(T(),1);function vt(e,t,n,r=[]){(0,Ce.useEffect)(()=>{if(e instanceof Element)return e.addEventListener(t,n),()=>e.removeEventListener(t,n);if(e?.current instanceof Element)return e.current.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)},[e,t,n,...r])}var S=d(T(),1);function ht(e,t,n=[]){let r=(0,S.useRef)(),[o,u]=(0,S.useState)([]),i=(...E)=>{let y=H(E[0])?E[0][0]instanceof Element?E[0]:[]:E[0]instanceof Element?E:[];if(y.length>0)return o.filter(v=>y.includes(v.target));let f=H(E[0])?E[0][0]?.current instanceof Element?E[0]:[]:E[0]?.current instanceof Element?E:[];return f.length>0?o.filter(v=>f.some(Me=>Me.current===v.target)):o},s=(...E)=>i(...E).some(y=>y.isIntersecting),a=(...E)=>i(...E).every(y=>y.isIntersecting),l=(...E)=>s(...E),p=E=>{u(E)};return(0,S.useEffect)(()=>{r.current=new IntersectionObserver(p,t);for(let E of e){if(E instanceof Element){r.current.observe(E);continue}E?.current instanceof Element&&r.current.observe(E.current)}return()=>r.current?.disconnect()},[...e,t?.root,t?.rootMargin,t?.threshold,...n]),{entries:o,observer:r,areSomeIntersecting:s,isEveryIntersecting:a,isIntersecting:l}}var _=d(T(),1);function At(e){let t=(0,_.useRef)(null),n=X(),[r,o]=(0,_.useState)({}),u=(0,_.useCallback)(s=>{s.detail&&(e?.blacklist&&e.blacklist.includes(s.detail.name)||e?.whitelist&&!e.whitelist.includes(s.detail.name)||o(a=>s.detail?{...a,[s.detail.name]:s.detail.value}:a))},[e?.blacklist,e?.whitelist]),i=(0,_.useCallback)(s=>{s.detail&&(e?.blacklist&&e.blacklist.includes(s.detail.name)||e?.whitelist&&!e.whitelist.includes(s.detail.name)||o(a=>s.detail?{...a,[s.detail.name]:s.detail.value}:a))},[e?.blacklist,e?.whitelist]);return(0,_.useEffect)(()=>n(),[t.current]),{element:t.current,onAttributeChange:u,onStateChange:i,properties:r,ref:t}}var Ne=d(T(),1);function Y(e,t,n=[]){(0,Ne.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),[e,t,...n])}var g=d(T(),1);function Rt(e=[]){let[t,n]=(0,g.useState)(h()?window.innerHeight:0),[r,o]=(0,g.useState)(h()?window.innerWidth:0),[u,i]=(0,g.useState)(h()?window.outerHeight:0),[s,a]=(0,g.useState)(h()?window.outerWidth:0);return Y("resize",()=>{n(window.innerHeight),o(window.innerWidth),i(window.outerHeight),a(window.outerWidth)},e),{innerHeight:t,innerWidth:r,outerHeight:u,outerWidth:s}}return Ie(St);})();
 /*! Bundled license information:
 
 react/cjs/react.production.min.js:

package/package.json

@@ -51,7 +51,7 @@
   "sideEffects": false,
   "type": "module",
   "types": "index.d.ts",
-  "version": "1.0.47",
+  "version": "1.0.49",
   "scripts": {
     "build": "rm -rf dist && node esbuild.mjs && pnpm tsc && pnpm api-extractor run --local",
     "prepublish": "pnpm test && pnpm build && pnpm version patch && cp LICENSE package.json README.md dist",