@aracna/react 1.0.51 → 1.0.53-rc.0

package/definitions/interfaces.d.ts

@@ -1,4 +1,3 @@
-import type { AttributeChangeEvent, StateChangeEvent } from '@aracna/web-components';
 import type { MutableRefObject } from 'react';
 import type { UseIntersectionObserverElement } from './types.js';
 export interface UseIntersectionObserverAreSomeIntersecting {
@@ -16,17 +15,6 @@ export interface UseIntersectionObserverReturn {
     isEveryIntersecting: UseIntersectionObserverIsEveryIntersecting;
     observer: MutableRefObject<IntersectionObserver | undefined>;
 }
-export interface UseObservableElementComponentOptions {
-    blacklist?: string[];
-    whitelist?: string[];
-}
-export interface UseObservableElementComponentReturn<K extends keyof HTMLElementTagNameMap, P extends Record<string, string> = Record<string, string>> {
-    element: HTMLElementTagNameMap[K] | null;
-    onAttributeChange: (event: AttributeChangeEvent) => void;
-    onStateChange: (event: StateChangeEvent<any>) => void;
-    properties: P;
-    ref: MutableRefObject<HTMLElementTagNameMap[K] | null>;
-}
 export interface UseWindowSizeReturn {
     innerHeight: number;
     innerWidth: number;

package/index.cjs

@@ -1 +1 @@
-"use strict";var V=Object.create;var y=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)y(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&&y(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?y(n,"default",{value:e,enumerable:!0}):n,e)),X=e=>P(y({},"__esModule",{value:!0}),e);var me={};J(me,{ComponentLifeCycle:()=>h,Memo:()=>Y,createBaseElementComponent:()=>p,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:()=>ae});module.exports=X(me);var A=require("react");function Y(e){return(0,A.useMemo)(()=>e.children,e.deps??[])}var h=(o=>(o.CONSTRUCTED="CONSTRUCTED",o.MOUNTED="MOUNTED",o.UNMOUNTED="UNMOUNTED",o))(h||{});var L=require("@aracna/core"),N=require("@lit/react"),K=Q(require("react"),1);var R={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,N.createComponent)({elementClass:t,events:{...R,...n.reduce((o,s)=>({...o,["on"+(0,L.getPascalCaseString)(String(s))]:s}),{})},react:K.default,tagName:e})}function p(e,t,n=[]){return g(e,t,["attribute-change","state-change",...n])}function Z(e,t,n){return p(e,t,n)}function $(e,t,n=[]){return p(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function ee(e,t,n){return p(e,t,n)}var D=require("react");function te(...e){return(0,D.forwardRef)(e[0])}var I=require("react");var v=require("react");function C(){let e=(0,v.useRef)("CONSTRUCTED");return(0,v.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"),b=require("react");function ne(e,t=[]){let[n,o]=(0,b.useState)(new k.StubDOMRect);return(0,b.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"),E=require("react");function se(e,t,n=[]){let o=(0,E.useRef)(),[s,u]=(0,E.useState)([]),l=(...r)=>{let c=(0,x.isArray)(r[0])?r[0][0]instanceof Element?r[0]:[]:r[0]instanceof Element?r:[];if(c.length>0)return s.filter(M=>c.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)=>l(...r).some(c=>c.isIntersecting),a=(...r)=>l(...r).every(c=>c.isIntersecting),j=(...r)=>i(...r),W=r=>{u(r)};return(0,E.useEffect)(()=>{o.current=new IntersectionObserver(W,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:a,isIntersecting:j}}var m=require("react");function ie(e){let t=(0,m.useRef)(null),n=T(),[o,s]=(0,m.useState)({}),u=(0,m.useCallback)(i=>{i.detail&&(e?.blacklist&&e.blacklist.includes(i.detail.name)||e?.whitelist&&!e.whitelist.includes(i.detail.name)||s(a=>i.detail?{...a,[i.detail.name]:i.detail.value}:a))},[e?.blacklist,e?.whitelist]),l=(0,m.useCallback)(i=>{i.detail&&(e?.blacklist&&e.blacklist.includes(i.detail.name)||e?.whitelist&&!e.whitelist.includes(i.detail.name)||s(a=>i.detail?{...a,[i.detail.name]:i.detail.value}:a))},[e?.blacklist,e?.whitelist]);return(0,m.useEffect)(()=>n(),[t.current]),{element:t.current,onAttributeChange:u,onStateChange:l,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 ae(e=[]){let[t,n]=(0,f.useState)((0,d.isWindowDefined)()?window.innerHeight:0),[o,s]=(0,f.useState)((0,d.isWindowDefined)()?window.innerWidth:0),[u,l]=(0,f.useState)((0,d.isWindowDefined)()?window.outerHeight:0),[i,a]=(0,f.useState)((0,d.isWindowDefined)()?window.outerWidth:0);return O("resize",()=>{n(window.innerHeight),s(window.innerWidth),l(window.outerHeight),a(window.outerWidth)},e),{innerHeight:t,innerWidth:o,outerHeight:u,outerWidth:i}}
+"use strict";var W=Object.create;var d=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var z=(e,n)=>{for(var t in n)d(e,t,{get:n[t],enumerable:!0})},T=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of H(n))!_.call(e,i)&&i!==t&&d(e,i,{get:()=>n[i],enumerable:!(r=A(n,i))||r.enumerable});return e};var B=(e,n,t)=>(t=e!=null?W(V(e)):{},T(n||!e||!e.__esModule?d(t,"default",{value:e,enumerable:!0}):t,e)),G=e=>T(d({},"__esModule",{value:!0}),e);var te={};z(te,{ComponentLifeCycle:()=>R,Memo:()=>q,createElementComponent:()=>J,forwardRef:()=>Q,useDOMRect:()=>Y,useDispatch:()=>X,useElementRef:()=>Z,useEventListener:()=>$,useIntersectionObserver:()=>ee,useLifeCycle:()=>b,useWindowEventListener:()=>O,useWindowSize:()=>ne});module.exports=G(te);var w=require("react");function q(e){return(0,w.useMemo)(()=>e.children,e.deps??[])}var R=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(R||{});var C=require("@aracna/core"),L=require("@lit/react"),h=B(require("react"),1);var x={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 J(e,n,t=[]){return(0,L.createComponent)({elementClass:n,events:{...x,...t.reduce((r,i)=>({...r,["on"+(0,C.getPascalCaseString)(String(i))]:i}),{})},react:h.default,tagName:e})}var D=require("react");function Q(...e){return(0,D.forwardRef)(e[0])}var I=require("react");var l=require("react");function b(){let e=(0,l.useRef)("CONSTRUCTED");return(0,l.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"}),[]),e}function X(e){let n=b(),t=(0,I.useReducer)(()=>({}),{});return()=>{switch(n.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":t[1](),e&&e();break}}}var P=require("@aracna/web"),E=require("react");function Y(e,n=[]){let[t,r]=(0,E.useState)(new P.StubDOMRect);return(0,E.useEffect)(()=>{if(e instanceof Element){r(e.getBoundingClientRect());return}e?.current instanceof Element&&r(e.current.getBoundingClientRect())},[e,...n]),t}var U=require("@aracna/core"),N=require("react");function Z(e,n){return(0,N.useRef)((0,U.isWindowDefined)()?document.createElement(e,n):{current:{}})}var S=require("react");function $(e,n,t,r=[]){(0,S.useEffect)(()=>{if(e instanceof Element)return e.addEventListener(n,t),()=>e.removeEventListener(n,t);if(e?.current instanceof Element)return e.current.addEventListener(n,t),()=>e.current?.removeEventListener(n,t)},[e,n,t,...r])}var g=require("@aracna/core"),a=require("react");function ee(e,n,t=[]){let r=(0,a.useRef)(),[i,f]=(0,a.useState)([]),u=(...o)=>{let s=(0,g.isArray)(o[0])?o[0][0]instanceof Element?o[0]:[]:o[0]instanceof Element?o:[];if(s.length>0)return i.filter(y=>s.includes(y.target));let M=(0,g.isArray)(o[0])?o[0][0]?.current instanceof Element?o[0]:[]:o[0]?.current instanceof Element?o:[];return M.length>0?i.filter(y=>M.some(j=>j.current===y.target)):i},p=(...o)=>u(...o).some(s=>s.isIntersecting),v=(...o)=>u(...o).every(s=>s.isIntersecting),K=(...o)=>p(...o),F=o=>{f(o)};return(0,a.useEffect)(()=>{r.current=new IntersectionObserver(F,n);for(let o of e){if(o instanceof Element){r.current.observe(o);continue}o?.current instanceof Element&&r.current.observe(o.current)}return()=>r.current?.disconnect()},[...e,n?.root,n?.rootMargin,n?.threshold,...t]),{entries:i,observer:r,areSomeIntersecting:p,isEveryIntersecting:v,isIntersecting:K}}var k=require("react");function O(e,n,t=[]){(0,k.useEffect)(()=>(window.addEventListener(e,n),()=>window.removeEventListener(e,n)),[e,n,...t])}var c=require("@aracna/core"),m=require("react");function ne(e=[]){let[n,t]=(0,m.useState)((0,c.isWindowDefined)()?window.innerHeight:0),[r,i]=(0,m.useState)((0,c.isWindowDefined)()?window.innerWidth:0),[f,u]=(0,m.useState)((0,c.isWindowDefined)()?window.outerHeight:0),[p,v]=(0,m.useState)((0,c.isWindowDefined)()?window.outerWidth:0);return O("resize",()=>{t(window.innerHeight),i(window.innerWidth),u(window.outerHeight),v(window.outerWidth)},e),{innerHeight:n,innerWidth:r,outerHeight:f,outerWidth:p}}

package/index.d.ts

@@ -1,12 +1,3 @@
-import type { AracnaBaseElementAttributes } from '@aracna/web-components';
-import type { AracnaBaseElementEventMap } from '@aracna/web-components';
-import type { AracnaFloatingElementAttributes } from '@aracna/web-components';
-import type { AracnaFloatingElementEventMap } from '@aracna/web-components';
-import type { AracnaFocusTrapElementAttributes } from '@aracna/web-components';
-import type { AracnaFocusTrapElementEventMap } from '@aracna/web-components';
-import type { AracnaFormControlElementAttributes } from '@aracna/web-components';
-import type { AracnaFormControlElementEventMap } from '@aracna/web-components';
-import type { AttributeChangeEvent } from '@aracna/web-components';
 import { DependencyList } from 'react';
 import { ForwardedRef } from 'react';
 import type { ForwardRefExoticComponent } from 'react';
@@ -16,7 +7,6 @@ import { MutableRefObject } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import type { RefAttributes } from 'react';
-import type { StateChangeEvent } from '@aracna/web-components';
 
 export declare enum ComponentLifeCycle {
     CONSTRUCTED = "CONSTRUCTED",
@@ -24,14 +14,6 @@ export declare enum ComponentLifeCycle {
     UNMOUNTED = "UNMOUNTED"
 }
 
-/**
- * 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)
- */
-export declare function createBaseElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends AracnaBaseElementAttributes = AracnaBaseElementAttributes, Events extends AracnaBaseElementEventMap = AracnaBaseElementEventMap, 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.
  * Optionally the events can be defined as well.
@@ -40,30 +22,6 @@ 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 which extends `FloatingElement`.
- * Optionally the events can be defined as well.
- *
- * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-floating-element-component)
- */
-export declare function createFloatingElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends AracnaFloatingElementAttributes = AracnaFloatingElementAttributes, Events extends AracnaFloatingElementEventMap = AracnaFloatingElementEventMap, 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 which extends `FocusTrapElement`.
- * Optionally the events can be defined as well.
- *
- * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-focus-trap-element-component)
- */
-export declare function createFocusTrapElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends AracnaFocusTrapElementAttributes = AracnaFocusTrapElementAttributes, Events extends AracnaFocusTrapElementEventMap = AracnaFocusTrapElementEventMap, 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 which extends `FormControlElement`.
- * Optionally the events can be defined as well.
- *
- * [Aracna Reference](https://aracna.dariosechi.it/react/functions/create-form-control-element-component)
- */
-export declare function createFormControlElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends AracnaFormControlElementAttributes = AracnaFormControlElementAttributes, Events extends AracnaFormControlElementEventMap = AracnaFormControlElementEventMap, 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>;
-
 export declare type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = ForwardRefExoticComponent<Props>;
 
 export declare type ElementComponentAttributes = Record<string, any>;
@@ -216,29 +174,6 @@ export declare interface UseIntersectionObserverReturn {
  */
 export declare function useLifeCycle(): MutableRefObject<ComponentLifeCycle>;
 
-/**
- * Observes a custom element that extends `BaseElement` by listening to its attribute and state changes.
- *
- * - Optionally a blacklist of attributes and states can be passed to ignore them.
- * - Optionally a whitelist of attributes and states can be passed to only observe them.
- *
- * [Aracna Reference](https://aracna.dariosechi.it/react/hooks/use-observable-element-component)
- */
-export declare function useObservableElementComponent<K extends keyof HTMLElementTagNameMap, P extends Record<string, string> = Record<string, string>>(options?: UseObservableElementComponentOptions): UseObservableElementComponentReturn<K, P>;
-
-export declare interface UseObservableElementComponentOptions {
-    blacklist?: string[];
-    whitelist?: string[];
-}
-
-export declare interface UseObservableElementComponentReturn<K extends keyof HTMLElementTagNameMap, P extends Record<string, string> = Record<string, string>> {
-    element: HTMLElementTagNameMap[K] | null;
-    onAttributeChange: (event: AttributeChangeEvent) => void;
-    onStateChange: (event: StateChangeEvent<any>) => void;
-    properties: P;
-    ref: MutableRefObject<HTMLElementTagNameMap[K] | null>;
-}
-
 /**
  * Adds an event listener to the window.
  * Optionally a dependency list can be passed to refresh the listener.

package/index.iife.js

@@ -1,4 +1,4 @@
-"use strict";var AracnaReact=(()=>{var Le=Object.create;var g=Object.defineProperty;var we=Object.getOwnPropertyDescriptor;var Ue=Object.getOwnPropertyNames;var xe=Object.getPrototypeOf,Ie=Object.prototype.hasOwnProperty;var I=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Fe=(e,t)=>{for(var n in t)g(e,n,{get:t[n],enumerable:!0})},q=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ue(t))!Ie.call(e,o)&&o!==n&&g(e,o,{get:()=>t[o],enumerable:!(r=we(t,o))||r.enumerable});return e};var y=(e,t,n)=>(n=e!=null?Le(xe(e)):{},q(t||!e||!e.__esModule?g(n,"default",{value:e,enumerable:!0}):n,e)),ke=e=>q(g({},"__esModule",{value:!0}),e);var le=I(c=>{"use strict";var C=Symbol.for("react.element"),Be=Symbol.for("react.portal"),Ke=Symbol.for("react.fragment"),He=Symbol.for("react.strict_mode"),Ge=Symbol.for("react.profiler"),je=Symbol.for("react.provider"),We=Symbol.for("react.context"),Ve=Symbol.for("react.forward_ref"),ze=Symbol.for("react.suspense"),$e=Symbol.for("react.memo"),Xe=Symbol.for("react.lazy"),Q=Symbol.iterator;function Je(e){return e===null||typeof e!="object"?null:(e=Q&&e[Q]||e["@@iterator"],typeof e=="function"?e:null)}var ne={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},re=Object.assign,oe={};function h(e,t,n){this.props=e,this.context=t,this.refs=oe,this.updater=n||ne}h.prototype.isReactComponent={};h.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")};h.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function se(){}se.prototype=h.prototype;function k(e,t,n){this.props=e,this.context=t,this.refs=oe,this.updater=n||ne}var B=k.prototype=new se;B.constructor=k;re(B,h.prototype);B.isPureReactComponent=!0;var ee=Array.isArray,ie=Object.prototype.hasOwnProperty,K={current:null},ae={key:!0,ref:!0,__self:!0,__source:!0};function ue(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)ie.call(t,r)&&!ae.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:C,type:e,key:u,ref:i,props:o,_owner:K.current}}function Ye(e,t){return{$$typeof:C,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function H(e){return typeof e=="object"&&e!==null&&e.$$typeof===C}function Ze(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var te=/\/+/g;function F(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Ze(""+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 C:case Be:i=!0}}if(i)return i=e,o=o(i),e=r===""?"."+F(i,0):r,ee(o)?(n="",e!=null&&(n=e.replace(te,"$&/")+"/"),M(o,t,n,"",function(l){return l})):o!=null&&(H(o)&&(o=Ye(o,n+(!o.key||i&&i.key===o.key?"":(""+o.key).replace(te,"$&/")+"/")+e)),t.push(o)),1;if(i=0,r=r===""?".":r+":",ee(e))for(var s=0;s<e.length;s++){u=e[s];var a=r+F(u,s);i+=M(u,t,n,a,o)}else if(a=Je(e),typeof a=="function")for(e=a.call(e),s=0;!(u=e.next()).done;)u=u.value,a=r+F(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 qe(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 d={current:null},P={transition:null},Qe={ReactCurrentDispatcher:d,ReactCurrentBatchConfig:P,ReactCurrentOwner:K};function ce(){throw Error("act(...) is not supported in production builds of React.")}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(!H(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};c.Component=h;c.Fragment=Ke;c.Profiler=Ge;c.PureComponent=k;c.StrictMode=He;c.Suspense=ze;c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Qe;c.act=ce;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=re({},e.props),o=e.key,u=e.ref,i=e._owner;if(t!=null){if(t.ref!==void 0&&(u=t.ref,i=K.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(a in t)ie.call(t,a)&&!ae.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:C,type:e.type,key:o,ref:u,props:r,_owner:i}};c.createContext=function(e){return e={$$typeof:We,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:je,_context:e},e.Consumer=e};c.createElement=ue;c.createFactory=function(e){var t=ue.bind(null,e);return t.type=e,t};c.createRef=function(){return{current:null}};c.forwardRef=function(e){return{$$typeof:Ve,render:e}};c.isValidElement=H;c.lazy=function(e){return{$$typeof:Xe,_payload:{_status:-1,_result:e},_init:qe}};c.memo=function(e,t){return{$$typeof:$e,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=ce;c.useCallback=function(e,t){return d.current.useCallback(e,t)};c.useContext=function(e){return d.current.useContext(e)};c.useDebugValue=function(){};c.useDeferredValue=function(e){return d.current.useDeferredValue(e)};c.useEffect=function(e,t){return d.current.useEffect(e,t)};c.useId=function(){return d.current.useId()};c.useImperativeHandle=function(e,t,n){return d.current.useImperativeHandle(e,t,n)};c.useInsertionEffect=function(e,t){return d.current.useInsertionEffect(e,t)};c.useLayoutEffect=function(e,t){return d.current.useLayoutEffect(e,t)};c.useMemo=function(e,t){return d.current.useMemo(e,t)};c.useReducer=function(e,t,n){return d.current.useReducer(e,t,n)};c.useRef=function(e){return d.current.useRef(e)};c.useState=function(e){return d.current.useState(e)};c.useSyncExternalStore=function(e,t,n){return d.current.useSyncExternalStore(e,t,n)};c.useTransition=function(){return d.current.useTransition()};c.version="18.3.1"});var T=I((gt,fe)=>{"use strict";fe.exports=le()});var Ae=I(W=>{"use strict";W.parse=st;W.serialize=it;var ot=Object.prototype.toString,D=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function st(e,t){if(typeof e!="string")throw new TypeError("argument str must be a string");for(var n={},r=t||{},o=r.decode||at,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]=lt(l,o)}u=s+1}return n}function it(e,t,n){var r=n||{},o=r.encode||ut;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(!ct(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 at(e){return e.indexOf("%")!==-1?decodeURIComponent(e):e}function ut(e){return encodeURIComponent(e)}function ct(e){return ot.call(e)==="[object Date]"||e instanceof Date}function lt(e,t){try{return t(e)}catch{return e}}});var Ct={};Fe(Ct,{ComponentLifeCycle:()=>pe,Memo:()=>et,createBaseElementComponent:()=>v,createElementComponent:()=>X,createFloatingElementComponent:()=>Et,createFocusTrapElementComponent:()=>pt,createFormControlElementComponent:()=>mt,forwardRef:()=>dt,useDOMRect:()=>At,useDispatch:()=>Y,useElementRef:()=>_t,useEventListener:()=>Rt,useIntersectionObserver:()=>vt,useLifeCycle:()=>J,useObservableElementComponent:()=>ht,useWindowEventListener:()=>Z,useWindowSize:()=>St});var Ee=y(T(),1);function et(e){return(0,Ee.useMemo)(()=>e.children,e.deps??[])}var pe=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(pe||{});var me=()=>({tc:{log:!0,onCatch:()=>{}},tcp:{log:!0,onCatch:()=>{}}});var tt="abcdefghijklmnopqrstuvwxyz";var G="0123456789",nt="ABCDEFGHIJKLMNOPQRSTUVWXYZ",Dt=G+tt+nt,Lt=G+"abcdef",wt=G+"ABCDEF";var de=/[^a-zA-Z0-9]/g;var O=class{static functions=me()};function ye(e,t=O.functions.tc.log){try{return e()}catch(n){return t&&console.error(n),O.functions.tc.onCatch(n,t),n}}function R(){return typeof window<"u"}function rt(e,t=!1){return e.charAt(0).toUpperCase()+(t?e.slice(1).toLowerCase():e.slice(1))}function Te(e){let t,n;t="",n=!1;for(let r of e){if(de.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return rt(t)}function j(e){return Array.isArray(e)}var V=y(Ae(),1);function _e(e,t){let n;return n=ye(()=>(0,V.parse)(e,t)),n instanceof Error?{}:n}var Re=e=>()=>[...e.entries()].map(([t,n])=>[t,n].join("=")).join(";"),ve=(e,t=_e)=>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 z=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}}),Qt=Object.freeze({decode:()=>"",encoding:"",fatal:!1,ignoreBOM:!1}),en=Object.freeze({encode:()=>new Uint8Array,encodeInto:()=>({read:0,written:0}),encoding:""});var ft=new Set(["children","localName","ref","style","className"]),he=new WeakMap,Se=(e,t,n,r,o)=>{let u=o?.[t];u===void 0?(e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)):n!==r&&((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)},$=({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(new Map),p=e.useRef(null),f={},A={};for(let[E,m]of Object.entries(s))ft.has(E)?f[E==="className"?"class":E]=m:u.has(E)||E in n.prototype?A[E]=m:f[E]=m;return e.useLayoutEffect(()=>{if(p.current===null)return;let E=new Map;for(let m in A)Se(p.current,m,s[m],l.current.get(m),r),l.current.delete(m),E.set(m,s[m]);for(let[m,x]of l.current)Se(p.current,m,void 0,x,r);l.current=E}),e.useLayoutEffect(()=>{p.current?.removeAttribute("defer-hydration")},[]),f.suppressHydrationWarning=!0,e.createElement(t,{...f,ref:e.useCallback(E=>{p.current=E,typeof a=="function"?a(E):a!==null&&(a.current=E)},[a])})});return i.displayName=o??n.name,i};var Oe=y(T(),1);var Ce={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 X(e,t,n=[]){return $({elementClass:t,events:{...Ce,...n.reduce((r,o)=>({...r,["on"+Te(String(o))]:o}),{})},react:Oe.default,tagName:e})}function v(e,t,n=[]){return X(e,t,["attribute-change","state-change",...n])}function Et(e,t,n){return v(e,t,n)}function pt(e,t,n=[]){return v(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function mt(e,t,n){return v(e,t,n)}var be=y(T(),1);function dt(...e){return(0,be.forwardRef)(e[0])}var ge=y(T(),1);var L=y(T(),1);function J(){let e=(0,L.useRef)("CONSTRUCTED");return(0,L.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"}),[]),e}function Y(e){let t=J(),n=(0,ge.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 Ne=new Map,On={get:Re(Ne),set:ve(Ne)},yt=new Map,bn=z(yt),Tt=new Map,gn=z(Tt);var U=y(T(),1);function At(e,t=[]){let[n,r]=(0,U.useState)(new w);return(0,U.useEffect)(()=>{if(e instanceof Element){r(e.getBoundingClientRect());return}e?.current instanceof Element&&r(e.current.getBoundingClientRect())},[e,...t]),n}var Me=y(T(),1);function _t(e,t){return(0,Me.useRef)(R()?document.createElement(e,t):{current:{}})}var Pe=y(T(),1);function Rt(e,t,n,r=[]){(0,Pe.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=y(T(),1);function vt(e,t,n=[]){let r=(0,S.useRef)(),[o,u]=(0,S.useState)([]),i=(...f)=>{let A=j(f[0])?f[0][0]instanceof Element?f[0]:[]:f[0]instanceof Element?f:[];if(A.length>0)return o.filter(m=>A.includes(m.target));let E=j(f[0])?f[0][0]?.current instanceof Element?f[0]:[]:f[0]?.current instanceof Element?f:[];return E.length>0?o.filter(m=>E.some(x=>x.current===m.target)):o},s=(...f)=>i(...f).some(A=>A.isIntersecting),a=(...f)=>i(...f).every(A=>A.isIntersecting),l=(...f)=>s(...f),p=f=>{u(f)};return(0,S.useEffect)(()=>{r.current=new IntersectionObserver(p,t);for(let f of e){if(f instanceof Element){r.current.observe(f);continue}f?.current instanceof Element&&r.current.observe(f.current)}return()=>r.current?.disconnect()},[...e,t?.root,t?.rootMargin,t?.threshold,...n]),{entries:o,observer:r,areSomeIntersecting:s,isEveryIntersecting:a,isIntersecting:l}}var _=y(T(),1);function ht(e){let t=(0,_.useRef)(null),n=Y(),[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 De=y(T(),1);function Z(e,t,n=[]){(0,De.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),[e,t,...n])}var b=y(T(),1);function St(e=[]){let[t,n]=(0,b.useState)(R()?window.innerHeight:0),[r,o]=(0,b.useState)(R()?window.innerWidth:0),[u,i]=(0,b.useState)(R()?window.outerHeight:0),[s,a]=(0,b.useState)(R()?window.outerWidth:0);return Z("resize",()=>{n(window.innerHeight),o(window.innerWidth),i(window.outerHeight),a(window.outerWidth)},e),{innerHeight:t,innerWidth:r,outerHeight:u,outerWidth:s}}return ke(Ct);})();
+"use strict";var AracnaReact=(()=>{var De=Object.create;var g=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var Pe=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var U=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Me=(e,t)=>{for(var n in t)g(e,n,{get:t[n],enumerable:!0})},X=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Le(t))!we.call(e,o)&&o!==n&&g(e,o,{get:()=>t[o],enumerable:!(r=be(t,o))||r.enumerable});return e};var T=(e,t,n)=>(n=e!=null?De(Pe(e)):{},X(t||!e||!e.__esModule?g(n,"default",{value:e,enumerable:!0}):n,e)),Ue=e=>X(g({},"__esModule",{value:!0}),e);var se=U(c=>{"use strict";var S=Symbol.for("react.element"),Ie=Symbol.for("react.portal"),xe=Symbol.for("react.fragment"),Fe=Symbol.for("react.strict_mode"),ke=Symbol.for("react.profiler"),Be=Symbol.for("react.provider"),Ge=Symbol.for("react.context"),He=Symbol.for("react.forward_ref"),je=Symbol.for("react.suspense"),Ke=Symbol.for("react.memo"),We=Symbol.for("react.lazy"),J=Symbol.iterator;function Ve(e){return e===null||typeof e!="object"?null:(e=J&&e[J]||e["@@iterator"],typeof e=="function"?e:null)}var q={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Q=Object.assign,ee={};function A(e,t,n){this.props=e,this.context=t,this.refs=ee,this.updater=n||q}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 te(){}te.prototype=A.prototype;function x(e,t,n){this.props=e,this.context=t,this.refs=ee,this.updater=n||q}var F=x.prototype=new te;F.constructor=x;Q(F,A.prototype);F.isPureReactComponent=!0;var Y=Array.isArray,ne=Object.prototype.hasOwnProperty,k={current:null},re={key:!0,ref:!0,__self:!0,__source:!0};function oe(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)ne.call(t,r)&&!re.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),f=0;f<s;f++)a[f]=arguments[f+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:S,type:e,key:u,ref:i,props:o,_owner:k.current}}function ze(e,t){return{$$typeof:S,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function B(e){return typeof e=="object"&&e!==null&&e.$$typeof===S}function $e(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var Z=/\/+/g;function I(e,t){return typeof e=="object"&&e!==null&&e.key!=null?$e(""+e.key):t.toString(36)}function N(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 S:case Ie:i=!0}}if(i)return i=e,o=o(i),e=r===""?"."+I(i,0):r,Y(o)?(n="",e!=null&&(n=e.replace(Z,"$&/")+"/"),N(o,t,n,"",function(f){return f})):o!=null&&(B(o)&&(o=ze(o,n+(!o.key||i&&i.key===o.key?"":(""+o.key).replace(Z,"$&/")+"/")+e)),t.push(o)),1;if(i=0,r=r===""?".":r+":",Y(e))for(var s=0;s<e.length;s++){u=e[s];var a=r+I(u,s);i+=N(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+=N(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 C(e,t,n){if(e==null)return e;var r=[],o=0;return N(e,r,"","",function(u){return t.call(n,u,o++)}),r}function Xe(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},D={transition:null},Je={ReactCurrentDispatcher:m,ReactCurrentBatchConfig:D,ReactCurrentOwner:k};function ie(){throw Error("act(...) is not supported in production builds of React.")}c.Children={map:C,forEach:function(e,t,n){C(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return C(e,function(){t++}),t},toArray:function(e){return C(e,function(t){return t})||[]},only:function(e){if(!B(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};c.Component=A;c.Fragment=xe;c.Profiler=ke;c.PureComponent=x;c.StrictMode=Fe;c.Suspense=je;c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Je;c.act=ie;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=Q({},e.props),o=e.key,u=e.ref,i=e._owner;if(t!=null){if(t.ref!==void 0&&(u=t.ref,i=k.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(a in t)ne.call(t,a)&&!re.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 f=0;f<a;f++)s[f]=arguments[f+2];r.children=s}return{$$typeof:S,type:e.type,key:o,ref:u,props:r,_owner:i}};c.createContext=function(e){return e={$$typeof:Ge,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Be,_context:e},e.Consumer=e};c.createElement=oe;c.createFactory=function(e){var t=oe.bind(null,e);return t.type=e,t};c.createRef=function(){return{current:null}};c.forwardRef=function(e){return{$$typeof:He,render:e}};c.isValidElement=B;c.lazy=function(e){return{$$typeof:We,_payload:{_status:-1,_result:e},_init:Xe}};c.memo=function(e,t){return{$$typeof:Ke,type:e,compare:t===void 0?null:t}};c.startTransition=function(e){var t=D.transition;D.transition={};try{e()}finally{D.transition=t}};c.unstable_act=ie;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.3.1"});var _=U((ht,ae)=>{"use strict";ae.exports=se()});var de=U(j=>{"use strict";j.parse=tt;j.serialize=nt;var et=Object.prototype.toString,b=/^[\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 f=e.slice(i+1,s).trim();f.charCodeAt(0)===34&&(f=f.slice(1,-1)),n[a]=st(f,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(!b.test(e))throw new TypeError("argument name is invalid");var u=o(t);if(u&&!b.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(!b.test(r.domain))throw new TypeError("option domain is invalid");i+="; Domain="+r.domain}if(r.path){if(!b.test(r.path))throw new TypeError("option path is invalid");i+="; Path="+r.path}if(r.expires){var a=r.expires;if(!it(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 f=typeof r.priority=="string"?r.priority.toLowerCase():r.priority;switch(f){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 rt(e){return e.indexOf("%")!==-1?decodeURIComponent(e):e}function ot(e){return encodeURIComponent(e)}function it(e){return et.call(e)==="[object Date]"||e instanceof Date}function st(e,t){try{return t(e)}catch{return e}}});var yt={};Me(yt,{ComponentLifeCycle:()=>ce,Memo:()=>Ye,createElementComponent:()=>ut,forwardRef:()=>ct,useDOMRect:()=>pt,useDispatch:()=>ft,useElementRef:()=>dt,useEventListener:()=>mt,useIntersectionObserver:()=>Tt,useLifeCycle:()=>z,useWindowEventListener:()=>$,useWindowSize:()=>_t});var ue=T(_(),1);function Ye(e){return(0,ue.useMemo)(()=>e.children,e.deps??[])}var ce=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(ce||{});var fe=()=>({tc:{log:!0,onCatch:()=>{}},tcp:{log:!0,onCatch:()=>{}}});var Ze="abcdefghijklmnopqrstuvwxyz";var G="0123456789",qe="ABCDEFGHIJKLMNOPQRSTUVWXYZ",gt=G+Ze+qe,Ct=G+"abcdef",Nt=G+"ABCDEF";var le=/[^a-zA-Z0-9]/g;var v=class{static functions=fe()};function Ee(e,t=v.functions.tc.log){try{return e()}catch(n){return t&&console.error(n),v.functions.tc.onCatch(n,t),n}}function R(){return typeof window<"u"}function Qe(e,t=!1){return e.charAt(0).toUpperCase()+(t?e.slice(1).toLowerCase():e.slice(1))}function pe(e){let t,n;t="",n=!1;for(let r of e){if(le.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Qe(t)}function H(e){return Array.isArray(e)}var K=T(de(),1);function me(e,t){let n;return n=Ee(()=>(0,K.parse)(e,t)),n instanceof Error?{}:n}var Te=e=>()=>[...e.entries()].map(([t,n])=>[t,n].join("=")).join(";"),_e=(e,t=me)=>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}}),$t=Object.freeze({decode:()=>"",encoding:"",fatal:!1,ignoreBOM:!1}),Xt=Object.freeze({encode:()=>new Uint8Array,encodeInto:()=>({read:0,written:0}),encoding:""});var at=new Set(["children","localName","ref","style","className"]),ye=new WeakMap,Re=(e,t,n,r,o)=>{let u=o?.[t];u===void 0?(e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)):n!==r&&((i,s,a)=>{let f=ye.get(i);f===void 0&&ye.set(i,f=new Map);let p=f.get(s);a!==void 0?p===void 0?(f.set(s,p={handleEvent:a}),i.addEventListener(s,p)):p.handleEvent=a:p!==void 0&&(f.delete(s),i.removeEventListener(s,p))})(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 f=e.useRef(new Map),p=e.useRef(null),l={},y={};for(let[E,d]of Object.entries(s))at.has(E)?l[E==="className"?"class":E]=d:u.has(E)||E in n.prototype?y[E]=d:l[E]=d;return e.useLayoutEffect(()=>{if(p.current===null)return;let E=new Map;for(let d in y)Re(p.current,d,s[d],f.current.get(d),r),f.current.delete(d),E.set(d,s[d]);for(let[d,M]of f.current)Re(p.current,d,void 0,M,r);f.current=E}),e.useLayoutEffect(()=>{p.current?.removeAttribute("defer-hydration")},[]),l.suppressHydrationWarning=!0,e.createElement(t,{...l,ref:e.useCallback(E=>{p.current=E,typeof a=="function"?a(E):a!==null&&(a.current=E)},[a])})});return i.displayName=o??n.name,i};var he=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 ut(e,t,n=[]){return V({elementClass:t,events:{...Ae,...n.reduce((r,o)=>({...r,["on"+pe(String(o))]:o}),{})},react:he.default,tagName:e})}var Se=T(_(),1);function ct(...e){return(0,Se.forwardRef)(e[0])}var ve=T(_(),1);var L=T(_(),1);function z(){let e=(0,L.useRef)("CONSTRUCTED");return(0,L.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"}),[]),e}function ft(e){let t=z(),n=(0,ve.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var P=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 Oe=new Map,ln={get:Te(Oe),set:_e(Oe)},lt=new Map,En=W(lt),Et=new Map,pn=W(Et);var w=T(_(),1);function pt(e,t=[]){let[n,r]=(0,w.useState)(new P);return(0,w.useEffect)(()=>{if(e instanceof Element){r(e.getBoundingClientRect());return}e?.current instanceof Element&&r(e.current.getBoundingClientRect())},[e,...t]),n}var ge=T(_(),1);function dt(e,t){return(0,ge.useRef)(R()?document.createElement(e,t):{current:{}})}var Ce=T(_(),1);function mt(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 h=T(_(),1);function Tt(e,t,n=[]){let r=(0,h.useRef)(),[o,u]=(0,h.useState)([]),i=(...l)=>{let y=H(l[0])?l[0][0]instanceof Element?l[0]:[]:l[0]instanceof Element?l:[];if(y.length>0)return o.filter(d=>y.includes(d.target));let E=H(l[0])?l[0][0]?.current instanceof Element?l[0]:[]:l[0]?.current instanceof Element?l:[];return E.length>0?o.filter(d=>E.some(M=>M.current===d.target)):o},s=(...l)=>i(...l).some(y=>y.isIntersecting),a=(...l)=>i(...l).every(y=>y.isIntersecting),f=(...l)=>s(...l),p=l=>{u(l)};return(0,h.useEffect)(()=>{r.current=new IntersectionObserver(p,t);for(let l of e){if(l instanceof Element){r.current.observe(l);continue}l?.current instanceof Element&&r.current.observe(l.current)}return()=>r.current?.disconnect()},[...e,t?.root,t?.rootMargin,t?.threshold,...n]),{entries:o,observer:r,areSomeIntersecting:s,isEveryIntersecting:a,isIntersecting:f}}var Ne=T(_(),1);function $(e,t,n=[]){(0,Ne.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),[e,t,...n])}var O=T(_(),1);function _t(e=[]){let[t,n]=(0,O.useState)(R()?window.innerHeight:0),[r,o]=(0,O.useState)(R()?window.innerWidth:0),[u,i]=(0,O.useState)(R()?window.outerHeight:0),[s,a]=(0,O.useState)(R()?window.outerWidth:0);return $("resize",()=>{n(window.innerHeight),o(window.innerWidth),i(window.outerHeight),a(window.outerWidth)},e),{innerHeight:t,innerWidth:r,outerHeight:u,outerWidth:s}}return Ue(yt);})();
 /*! Bundled license information:
 
 react/cjs/react.production.min.js:

package/index.js

@@ -1 +1 @@
-export*from"./components/memo.js";export*from"./definitions/enums.js";export*from"./functions/create-base-element-component.js";export*from"./functions/create-element-component.js";export*from"./functions/create-floating-element-component.js";export*from"./functions/create-focus-trap-element-component.js";export*from"./functions/create-form-control-element-component.js";export*from"./functions/forward-ref.js";export*from"./hooks/use-dispatch.js";export*from"./hooks/use-dom-rect.js";export*from"./hooks/use-element-ref.js";export*from"./hooks/use-event-listener.js";export*from"./hooks/use-intersection-observer.js";export*from"./hooks/use-life-cycle.js";export*from"./hooks/use-observable-element-component.js";export*from"./hooks/use-window-event-listener.js";export*from"./hooks/use-window-size.js";
+export*from"./components/memo.js";export*from"./definitions/enums.js";export*from"./functions/create-element-component.js";export*from"./functions/forward-ref.js";export*from"./hooks/use-dispatch.js";export*from"./hooks/use-dom-rect.js";export*from"./hooks/use-element-ref.js";export*from"./hooks/use-event-listener.js";export*from"./hooks/use-intersection-observer.js";export*from"./hooks/use-life-cycle.js";export*from"./hooks/use-window-event-listener.js";export*from"./hooks/use-window-size.js";

package/package.json

@@ -6,7 +6,6 @@
   "devDependencies": {
     "@aracna/core": "^1.1.82",
     "@aracna/web": "^1.0.75",
-    "@aracna/web-components": "^1.0.79",
     "@microsoft/api-extractor": "^7.47.5",
     "@testing-library/react": "^16.0.0",
     "@types/react": "^18.3.3",
@@ -51,10 +50,10 @@
   "sideEffects": false,
   "type": "module",
   "types": "index.d.ts",
-  "version": "1.0.51",
+  "version": "1.0.53-rc.0",
   "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",
+    "prepublish": "pnpm test && pnpm build && cp LICENSE package.json README.md dist",
     "test": "vitest run"
   }
 }

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

@@ -1,10 +0,0 @@
-import type { KeyOf } from '@aracna/core';
-import type { AracnaBaseElementAttributes, AracnaBaseElementEventMap } from '@aracna/web-components';
-import type { ElementComponent, ElementComponentProps } from '../definitions/types.js';
-/**
- * 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)
- */
-export declare function createBaseElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends AracnaBaseElementAttributes = AracnaBaseElementAttributes, Events extends AracnaBaseElementEventMap = AracnaBaseElementEventMap, 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>;

package/functions/create-base-element-component.js

@@ -1 +0,0 @@
-import{createElementComponent as a}from"./create-element-component.js";function o(e,t,n=[]){return a(e,t,["attribute-change","state-change",...n])}export{o as createBaseElementComponent};

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

@@ -1,10 +0,0 @@
-import type { KeyOf } from '@aracna/core';
-import type { AracnaFloatingElementAttributes, AracnaFloatingElementEventMap } from '@aracna/web-components';
-import type { ElementComponent, ElementComponentProps } from '../definitions/types.js';
-/**
- * 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)
- */
-export declare function createFloatingElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends AracnaFloatingElementAttributes = AracnaFloatingElementAttributes, Events extends AracnaFloatingElementEventMap = AracnaFloatingElementEventMap, 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>;

package/functions/create-floating-element-component.js

@@ -1 +0,0 @@
-import{createBaseElementComponent as o}from"./create-base-element-component.js";function m(e,t,n){return o(e,t,n)}export{m as createFloatingElementComponent};

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

@@ -1,10 +0,0 @@
-import type { KeyOf } from '@aracna/core';
-import type { AracnaFocusTrapElementAttributes, AracnaFocusTrapElementEventMap } from '@aracna/web-components';
-import type { ElementComponent, ElementComponentProps } from '../definitions/types.js';
-/**
- * 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)
- */
-export declare function createFocusTrapElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends AracnaFocusTrapElementAttributes = AracnaFocusTrapElementAttributes, Events extends AracnaFocusTrapElementEventMap = AracnaFocusTrapElementEventMap, 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>;

package/functions/create-focus-trap-element-component.js

@@ -1 +0,0 @@
-import{createBaseElementComponent as a}from"./create-base-element-component.js";function r(e,t,n=[]){return a(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}export{r as createFocusTrapElementComponent};

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

@@ -1,10 +0,0 @@
-import type { KeyOf } from '@aracna/core';
-import type { AracnaFormControlElementAttributes, AracnaFormControlElementEventMap } from '@aracna/web-components';
-import type { ElementComponent, ElementComponentProps } from '../definitions/types.js';
-/**
- * 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)
- */
-export declare function createFormControlElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends AracnaFormControlElementAttributes = AracnaFormControlElementAttributes, Events extends AracnaFormControlElementEventMap = AracnaFormControlElementEventMap, 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>;

package/functions/create-form-control-element-component.js

@@ -1 +0,0 @@
-import{createBaseElementComponent as o}from"./create-base-element-component.js";function m(e,t,n){return o(e,t,n)}export{m as createFormControlElementComponent};

package/hooks/use-observable-element-component.d.ts

@@ -1,10 +0,0 @@
-import type { UseObservableElementComponentOptions, UseObservableElementComponentReturn } from '../definitions/interfaces.js';
-/**
- * Observes a custom element that extends `BaseElement` by listening to its attribute and state changes.
- *
- * - Optionally a blacklist of attributes and states can be passed to ignore them.
- * - Optionally a whitelist of attributes and states can be passed to only observe them.
- *
- * [Aracna Reference](https://aracna.dariosechi.it/react/hooks/use-observable-element-component)
- */
-export declare function useObservableElementComponent<K extends keyof HTMLElementTagNameMap, P extends Record<string, string> = Record<string, string>>(options?: UseObservableElementComponentOptions): UseObservableElementComponentReturn<K, P>;

package/hooks/use-observable-element-component.js

@@ -1 +0,0 @@
-import{useCallback as i,useEffect as c,useRef as d,useState as b}from"react";import{useDispatch as f}from"./use-dispatch.js";function g(t){const l=d(null),r=f(),[s,n]=b({}),m=i(e=>{e.detail&&(t?.blacklist&&t.blacklist.includes(e.detail.name)||t?.whitelist&&!t.whitelist.includes(e.detail.name)||n(a=>e.detail?{...a,[e.detail.name]:e.detail.value}:a))},[t?.blacklist,t?.whitelist]),u=i(e=>{e.detail&&(t?.blacklist&&t.blacklist.includes(e.detail.name)||t?.whitelist&&!t.whitelist.includes(e.detail.name)||n(a=>e.detail?{...a,[e.detail.name]:e.detail.value}:a))},[t?.blacklist,t?.whitelist]);return c(()=>r(),[l.current]),{element:l.current,onAttributeChange:m,onStateChange:u,properties:s,ref:l}}export{g as useObservableElementComponent};