@aracna/react 1.0.26 → 1.0.27

package/definitions/types.d.ts

@@ -1,9 +1,9 @@
 import { PascalCase } from '@aracna/core';
-import type { DOMElement, ForwardedRef, HTMLAttributes, RefAttributes } from 'react';
-export type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = (props: Props, ref: ForwardedRef<Element>) => DOMElement<Props, Element>;
+import type { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
+export type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = ForwardRefExoticComponent<Props>;
 export type ElementComponentAttributes = Record<PropertyKey, any>;
-export type ElementComponentEvents = Record<PropertyKey, any>;
-export type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & MapComponentAttributes<Attributes | Events>;
-export type MapComponentAttributes<T extends ElementComponentAttributes> = {
-    [key in keyof T as key extends string ? (T[key] extends Event ? `on${PascalCase<key>}` : key) : key]?: T[key] extends Event ? (event: T[key]) => any : T[key];
+export type ElementComponentEvents = Record<string, any>;
+export type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & Attributes & MapComponentEvents<Events>;
+export type MapComponentEvents<Events extends ElementComponentEvents> = {
+    [key in keyof Events as key extends string ? `on${PascalCase<key>}` : key]?: (event: Events[key]) => any;
 };

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

@@ -1,5 +1,5 @@
 import { KeyOf } from '@aracna/core';
 import { ElementComponent, ElementComponentAttributes, ElementComponentEvents, ElementComponentProps } from '../definitions/types.js';
-export declare function createElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends ElementComponentAttributes = {}, Events extends ElementComponentEvents = {}, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
+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>;

package/functions/create-element-component.js

@@ -1 +1 @@
-import{getObjectProperty as c,getPascalCaseString as u,setObjectProperty as d}from"@aracna/core";import{createElement as y,createRef as v,forwardRef as g,useEffect as b,useState as C}from"react";function A(E,L,o){return g((e,a)=>{e={...e};for(let t in e)e[t]===!1&&delete e[t],e[t]===!0&&(e[t]="");e.className&&(d(e,"class",e.className),delete e.className);const n=a??v(),i=y(E,{...e,ref:n,suppressHydrationWarning:!0}),[m]=C(new Map),f=()=>{if(!(typeof n!="object"||!n?.current||!o))for(let t of o){let l,r;l="on"+u(String(t)),r=c(e,l),typeof r=="function"&&(n.current.addEventListener(String(t),r),m.set(String(t),r))}},s=()=>{if(!(typeof n!="object"||!n?.current))for(let t of m)n.current.removeEventListener(...t),m.delete(t[0])};return b(()=>(s(),f(),s),[e]),i})}export{A as createElementComponent};
+import{getPascalCaseString as s}from"@aracna/core";import{createComponent as r}from"@lit-labs/react";import E from"react";function c(t,n,m){return r({elementClass:n,events:m?.reduce((o,e)=>({...o,["on"+s(String(e))]:e}),{}),react:E,tagName:t})}export{c as createElementComponent};

package/index.cjs

@@ -1 +1 @@
-"use strict";var y=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var r in t)y(e,r,{get:t[r],enumerable:!0})},k=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of F(t))!A.call(e,s)&&s!==r&&y(e,s,{get:()=>t[s],enumerable:!(n=w(t,s))||n.enumerable});return e};var S=e=>k(y({},"__esModule",{value:!0}),e);var _={};h(_,{ComponentLifeCycle:()=>C,createBaseElementComponent:()=>E,createElementComponent:()=>T,createFloatingElementComponent:()=>H,createFocusTrapElementComponent:()=>j,createFormFieldElementComponent:()=>D,forwardRef:()=>I,useBaseElementComponent:()=>U,useDispatch:()=>B,useEventListener:()=>d,useIntersectionObserver:()=>G,useLifeCycle:()=>x,useSafeRef:()=>V,useWindowEventListener:()=>W});module.exports=S(_);var C=(n=>(n.CONSTRUCTED="CONSTRUCTED",n.MOUNTED="MOUNTED",n.UNMOUNTED="UNMOUNTED",n))(C||{});var p=require("@aracna/core"),l=require("react");function T(e,t,r){return(0,l.forwardRef)((n,s)=>{n={...n};for(let a in n)n[a]===!1&&delete n[a],n[a]===!0&&(n[a]="");n.className&&((0,p.setObjectProperty)(n,"class",n.className),delete n.className);let o=s??(0,l.createRef)(),M=(0,l.createElement)(e,{...n,ref:o,suppressHydrationWarning:!0}),[u]=(0,l.useState)(new Map),v=()=>{if(!(typeof o!="object"||!o?.current||!r))for(let a of r){let g,c;g="on"+(0,p.getPascalCaseString)(String(a)),c=(0,p.getObjectProperty)(n,g),typeof c=="function"&&(o.current.addEventListener(String(a),c),u.set(String(a),c))}},m=()=>{if(!(typeof o!="object"||!o?.current))for(let a of u)o.current.removeEventListener(...a),u.delete(a[0])};return(0,l.useEffect)(()=>(m(),v(),m),[n]),M})}function E(e,t,r=[]){return T(e,t,["attribute-change","state-change",...r])}function H(e,t,r){return E(e,t,r)}function j(e,t,r=[]){return E(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...r])}function D(e,t,r){return E(e,t,r)}var R=require("react");function I(...e){return(0,R.forwardRef)(e[0])}var f=require("react");var O=require("react");function d(e,t,r,n=[]){(0,O.useEffect)(()=>(e.current?.addEventListener(t,r),()=>e.current?.removeEventListener(t,r)),n)}function U(e){let t=(0,f.useRef)(null),[,r]=(0,f.useReducer)(()=>({}),{}),n=o=>{e?.attribute?.dispatch===!0&&o.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(o.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(o.detail.name)||r())},s=o=>{e?.state?.dispatch===!0&&o.detail&&(e.state.blacklist&&e.state.blacklist.includes(o.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(o.detail.name)||r())};return d(t,"attribute-changed",n,[t.current]),d(t,"state-changed",s,[t.current]),(0,f.useEffect)(()=>r(),[t.current]),{element:t.current,ref:t}}var K=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 B(e){let t=x(),r=(0,K.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":r[1](),e&&e();break}}}var i=require("react");function G(e,t){let r=(0,i.useRef)(),[n,s]=(0,i.useState)([]),o=(0,i.useMemo)(()=>n.some(m=>m.isIntersecting),[n]),M=(0,i.useMemo)(()=>n.every(m=>m.isIntersecting),[n]),u=o,v=m=>{s(m)};return(0,i.useEffect)(()=>{r.current=new IntersectionObserver(v,t);for(let m of e){if(!m.current)return;r.current.observe(m.current)}return()=>r.current?.disconnect()},[]),{entries:n,observer:r,areSomeIntersecting:o,isEveryIntersecting:M,isIntersecting:u}}var L=require("@aracna/core"),N=require("react");function V(e,t){return(0,N.useRef)(L.Environment.isWindowDefined?document.createElement(e,t):{current:{}})}var P=require("react");function W(e,t,r=[]){(0,P.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),r)}
+"use strict";var L=Object.create;var p=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var k=(e,t)=>{for(var n in t)p(e,n,{get:t[n],enumerable:!0})},d=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of w(t))!h.call(e,o)&&o!==n&&p(e,o,{get:()=>t[o],enumerable:!(r=F(t,o))||r.enumerable});return e};var H=(e,t,n)=>(n=e!=null?L(A(e)):{},d(t||!e||!e.__esModule?p(n,"default",{value:e,enumerable:!0}):n,e)),S=e=>d(p({},"__esModule",{value:!0}),e);var q={};k(q,{ComponentLifeCycle:()=>b,createBaseElementComponent:()=>l,createElementComponent:()=>f,createFloatingElementComponent:()=>D,createFocusTrapElementComponent:()=>j,createFormFieldElementComponent:()=>I,forwardRef:()=>U,useBaseElementComponent:()=>B,useDispatch:()=>G,useEventListener:()=>E,useIntersectionObserver:()=>V,useLifeCycle:()=>c,useSafeRef:()=>W,useWindowEventListener:()=>_});module.exports=S(q);var b=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(b||{});var M=require("@aracna/core"),T=require("@lit-labs/react"),v=H(require("react"),1);function f(e,t,n){return(0,T.createComponent)({elementClass:t,events:n?.reduce((r,o)=>({...r,["on"+(0,M.getPascalCaseString)(String(o))]:o}),{}),react:v.default,tagName:e})}function l(e,t,n=[]){return f(e,t,["attribute-change","state-change",...n])}function D(e,t,n){return l(e,t,n)}function j(e,t,n=[]){return l(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function I(e,t,n){return l(e,t,n)}var y=require("react");function U(...e){return(0,y.forwardRef)(e[0])}var i=require("react");var x=require("react");function E(e,t,n,r=[]){(0,x.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function B(e){let t=(0,i.useRef)(null),[,n]=(0,i.useReducer)(()=>({}),{}),r=m=>{e?.attribute?.dispatch===!0&&m.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(m.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(m.detail.name)||n())},o=m=>{e?.state?.dispatch===!0&&m.detail&&(e.state.blacklist&&e.state.blacklist.includes(m.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(m.detail.name)||n())};return E(t,"attribute-changed",r,[t.current]),E(t,"state-changed",o,[t.current]),(0,i.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var C=require("react");var u=require("react");function c(){let e=(0,u.useRef)("CONSTRUCTED");return(0,u.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function G(e){let t=c(),n=(0,C.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var s=require("react");function V(e,t){let n=(0,s.useRef)(),[r,o]=(0,s.useState)([]),m=(0,s.useMemo)(()=>r.some(a=>a.isIntersecting),[r]),O=(0,s.useMemo)(()=>r.every(a=>a.isIntersecting),[r]),N=m,P=a=>{o(a)};return(0,s.useEffect)(()=>{n.current=new IntersectionObserver(P,t);for(let a of e){if(!a.current)return;n.current.observe(a.current)}return()=>n.current?.disconnect()},[]),{entries:r,observer:n,areSomeIntersecting:m,isEveryIntersecting:O,isIntersecting:N}}var g=require("@aracna/core"),R=require("react");function W(e,t){return(0,R.useRef)(g.Environment.isWindowDefined?document.createElement(e,t):{current:{}})}var K=require("react");function _(e,t,n=[]){(0,K.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}

package/index.d.ts

@@ -280,7 +280,6 @@ import type { DisclosureSectionElementEventMap } from '@aracna/web';
 import type { DividerElement } from '@aracna/web-components/elements/layout/divider-element.js';
 import type { DividerElementAttributes } from '@aracna/web';
 import type { DividerElementEventMap } from '@aracna/web';
-import type { DOMElement } from 'react';
 import type { FeedArticleDescriptionElement } from '@aracna/web-components/elements/data/feed-element.js';
 import type { FeedArticleDescriptionElementAttributes } from '@aracna/web';
 import type { FeedArticleDescriptionElementEventMap } from '@aracna/web';
@@ -303,6 +302,7 @@ import type { FormElementEventMap } from '@aracna/web';
 import { FormFieldElementAttributes } from '@aracna/web';
 import { FormFieldElementEventMap } from '@aracna/web';
 import { ForwardedRef } from 'react';
+import type { ForwardRefExoticComponent } from 'react';
 import type { HTMLAttributes } from 'react';
 import type { IconElement } from '@aracna/web-components/elements/data/icon-element.js';
 import type { IconElementAttributes } from '@aracna/web';
@@ -592,7 +592,7 @@ export declare function createBaseElementComponent<Element extends HTMLElementTa
     new (): Element;
 }, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
 
-export declare function createElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends ElementComponentAttributes = {}, Events extends ElementComponentEvents = {}, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
+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>;
 
@@ -624,13 +624,13 @@ export declare type DisclosureSectionProps = ElementComponentProps<DisclosureSec
 
 export declare type DividerProps = ElementComponentProps<DividerElement, DividerElementAttributes, DividerElementEventMap>;
 
-export declare type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = (props: Props, ref: ForwardedRef<Element>) => DOMElement<Props, Element>;
+export declare type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = ForwardRefExoticComponent<Props>;
 
 export declare type ElementComponentAttributes = Record<PropertyKey, any>;
 
-export declare type ElementComponentEvents = Record<PropertyKey, any>;
+export declare type ElementComponentEvents = Record<string, any>;
 
-export declare type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & MapComponentAttributes<Attributes | Events>;
+export declare type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & Attributes & MapComponentEvents<Events>;
 
 export declare type FeedArticleDescriptionProps = ElementComponentProps<FeedArticleDescriptionElement, FeedArticleDescriptionElementAttributes, FeedArticleDescriptionElementEventMap>;
 
@@ -642,11 +642,11 @@ export declare type FeedProps = ElementComponentProps<FeedElement, FeedElementAt
 
 export declare type FormProps = ElementComponentProps<FormElement, FormElementAttributes, FormElementEventMap>;
 
-export declare function forwardRef<T, P = {}>(render: ForwardRefRenderFunction<T, P>): ForwardRefExoticComponent<P>;
+export declare function forwardRef<T, P = {}>(render: ForwardRefRenderFunction<T, P>): ForwardRefExoticComponent_2<P>;
 
 export declare function forwardRef<T, P = {}>(render: NullableForwardRefRenderFunction<T, P>): NullableForwardRefExoticComponent<P>;
 
-declare type ForwardRefExoticComponent<P = {}> = (props: P) => ReactElement;
+declare type ForwardRefExoticComponent_2<P = {}> = (props: P) => ReactElement;
 
 declare type ForwardRefRenderFunction<T, P = {}> = (props: P, ref: ForwardedRef<T>) => ReactElement<P>;
 
@@ -662,8 +662,8 @@ export declare type ListItemProps = ElementComponentProps<ListItemElement, ListI
 
 export declare type ListProps = ElementComponentProps<ListElement, ListElementAttributes, ListElementEventMap>;
 
-export declare type MapComponentAttributes<T extends ElementComponentAttributes> = {
-    [key in keyof T as key extends string ? (T[key] extends Event ? `on${PascalCase<key>}` : key) : key]?: T[key] extends Event ? (event: T[key]) => any : T[key];
+export declare type MapComponentEvents<Events extends ElementComponentEvents> = {
+    [key in keyof Events as key extends string ? `on${PascalCase<key>}` : key]?: (event: Events[key]) => any;
 };
 
 export declare type MenuButtonProps = ElementComponentProps<MenuButtonElement, MenuButtonElementAttributes, MenuButtonElementEventMap>;

package/index.iife.js

@@ -1,4 +1,4 @@
-"use strict";var AracnaReact=(()=>{var de=Object.create;var S=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var G=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Re=(e,t)=>{for(var n in t)S(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Te(t))!_e.call(e,s)&&s!==n&&S(e,s,{get:()=>t[s],enumerable:!(r=ye(t,s))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?de(be(e)):{},V(t||!e||!e.__esModule?S(n,"default",{value:e,enumerable:!0}):n,e)),ge=e=>V(S({},"__esModule",{value:!0}),e);var ue=G(i=>{"use strict";var O=Symbol.for("react.element"),Ae=Symbol.for("react.portal"),Ce=Symbol.for("react.fragment"),Le=Symbol.for("react.strict_mode"),Me=Symbol.for("react.profiler"),Pe=Symbol.for("react.provider"),Ne=Symbol.for("react.context"),he=Symbol.for("react.forward_ref"),xe=Symbol.for("react.suspense"),De=Symbol.for("react.memo"),we=Symbol.for("react.lazy"),z=Symbol.iterator;function Fe(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 _(e,t,n){this.props=e,this.context=t,this.refs=re,this.updater=n||te}_.prototype.isReactComponent={};_.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")};_.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function oe(){}oe.prototype=_.prototype;function U(e,t,n){this.props=e,this.context=t,this.refs=re,this.updater=n||te}var K=U.prototype=new oe;K.constructor=U;ne(K,_.prototype);K.isPureReactComponent=!0;var Z=Array.isArray,se=Object.prototype.hasOwnProperty,j={current:null},ie={key:!0,ref:!0,__self:!0,__source:!0};function ae(e,t,n){var r,s={},o=null,c=null;if(t!=null)for(r in t.ref!==void 0&&(c=t.ref),t.key!==void 0&&(o=""+t.key),t)se.call(t,r)&&!ie.hasOwnProperty(r)&&(s[r]=t[r]);var a=arguments.length-2;if(a===1)s.children=n;else if(1<a){for(var u=Array(a),l=0;l<a;l++)u[l]=arguments[l+2];s.children=u}if(e&&e.defaultProps)for(r in a=e.defaultProps,a)s[r]===void 0&&(s[r]=a[r]);return{$$typeof:O,type:e,key:o,ref:c,props:s,_owner:j.current}}function Ue(e,t){return{$$typeof:O,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function I(e){return typeof e=="object"&&e!==null&&e.$$typeof===O}function Ke(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var ee=/\/+/g;function F(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Ke(""+e.key):t.toString(36)}function M(e,t,n,r,s){var o=typeof e;(o==="undefined"||o==="boolean")&&(e=null);var c=!1;if(e===null)c=!0;else switch(o){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case O:case Ae:c=!0}}if(c)return c=e,s=s(c),e=r===""?"."+F(c,0):r,Z(s)?(n="",e!=null&&(n=e.replace(ee,"$&/")+"/"),M(s,t,n,"",function(l){return l})):s!=null&&(I(s)&&(s=Ue(s,n+(!s.key||c&&c.key===s.key?"":(""+s.key).replace(ee,"$&/")+"/")+e)),t.push(s)),1;if(c=0,r=r===""?".":r+":",Z(e))for(var a=0;a<e.length;a++){o=e[a];var u=r+F(o,a);c+=M(o,t,n,u,s)}else if(u=Fe(e),typeof u=="function")for(e=u.call(e),a=0;!(o=e.next()).done;)o=o.value,u=r+F(o,a++),c+=M(o,t,n,u,s);else if(o==="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 c}function L(e,t,n){if(e==null)return e;var r=[],s=0;return M(e,r,"","",function(o){return t.call(n,o,s++)}),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 f={current:null},P={transition:null},Ie={ReactCurrentDispatcher:f,ReactCurrentBatchConfig:P,ReactCurrentOwner:j};i.Children={map:L,forEach:function(e,t,n){L(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return L(e,function(){t++}),t},toArray:function(e){return L(e,function(t){return t})||[]},only:function(e){if(!I(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};i.Component=_;i.Fragment=Ce;i.Profiler=Me;i.PureComponent=U;i.StrictMode=Le;i.Suspense=xe;i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Ie;i.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),s=e.key,o=e.ref,c=e._owner;if(t!=null){if(t.ref!==void 0&&(o=t.ref,c=j.current),t.key!==void 0&&(s=""+t.key),e.type&&e.type.defaultProps)var a=e.type.defaultProps;for(u in t)se.call(t,u)&&!ie.hasOwnProperty(u)&&(r[u]=t[u]===void 0&&a!==void 0?a[u]:t[u])}var u=arguments.length-2;if(u===1)r.children=n;else if(1<u){a=Array(u);for(var l=0;l<u;l++)a[l]=arguments[l+2];r.children=a}return{$$typeof:O,type:e.type,key:s,ref:o,props:r,_owner:c}};i.createContext=function(e){return e={$$typeof:Ne,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Pe,_context:e},e.Consumer=e};i.createElement=ae;i.createFactory=function(e){var t=ae.bind(null,e);return t.type=e,t};i.createRef=function(){return{current:null}};i.forwardRef=function(e){return{$$typeof:he,render:e}};i.isValidElement=I;i.lazy=function(e){return{$$typeof:we,_payload:{_status:-1,_result:e},_init:je}};i.memo=function(e,t){return{$$typeof:De,type:e,compare:t===void 0?null:t}};i.startTransition=function(e){var t=P.transition;P.transition={};try{e()}finally{P.transition=t}};i.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};i.useCallback=function(e,t){return f.current.useCallback(e,t)};i.useContext=function(e){return f.current.useContext(e)};i.useDebugValue=function(){};i.useDeferredValue=function(e){return f.current.useDeferredValue(e)};i.useEffect=function(e,t){return f.current.useEffect(e,t)};i.useId=function(){return f.current.useId()};i.useImperativeHandle=function(e,t,n){return f.current.useImperativeHandle(e,t,n)};i.useInsertionEffect=function(e,t){return f.current.useInsertionEffect(e,t)};i.useLayoutEffect=function(e,t){return f.current.useLayoutEffect(e,t)};i.useMemo=function(e,t){return f.current.useMemo(e,t)};i.useReducer=function(e,t,n){return f.current.useReducer(e,t,n)};i.useRef=function(e){return f.current.useRef(e)};i.useState=function(e){return f.current.useState(e)};i.useSyncExternalStore=function(e,t,n){return f.current.useSyncExternalStore(e,t,n)};i.useTransition=function(){return f.current.useTransition()};i.version="18.2.0"});var p=G((Tt,ce)=>{"use strict";ce.exports=ue()});var Qe={};Re(Qe,{ComponentLifeCycle:()=>$,createBaseElementComponent:()=>T,createElementComponent:()=>k,createFloatingElementComponent:()=>ke,createFocusTrapElementComponent:()=>He,createFormFieldElementComponent:()=>Be,forwardRef:()=>Ge,useBaseElementComponent:()=>Ve,useDispatch:()=>$e,useEventListener:()=>N,useIntersectionObserver:()=>Xe,useLifeCycle:()=>H,useSafeRef:()=>We,useWindowEventListener:()=>Je});var $=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))($||{});function x(...e){}var X=()=>({tc:{log:!0,onCatch:x},tcp:{log:!0,onCatch:x}});var Oe="abcdefghijklmnopqrstuvwxyz";var D="0123456789",ve="ABCDEFGHIJKLMNOPQRSTUVWXYZ",et=D+Oe+ve,tt=D+"abcdef",nt=D+"ABCDEF";var w=/([^.])\[/g,A=/[\[\]]/g;var W=/[^a-zA-Z]/g;var g=class{static module=X()};function b(e,t=g.module.tc.log){try{return e()}catch(n){return t&&console.error(n),g.module.tc.onCatch(n,t),n}}var C=class{static get(t){let n;return n=b(()=>process.env[t],!1),n instanceof Error?"":n||""}static has(t){let n;return n=b(()=>process.env[t],!1),!(n instanceof Error||typeof n>"u")}static get isBlobDefined(){return typeof Blob<"u"}static get isBlobNotDefined(){return typeof Blob>"u"}static get isDevelopment(){return this.NODE_ENV==="development"}static get isNotDevelopment(){return this.NODE_ENV!=="development"}static get isDocumentDefined(){return typeof document<"u"}static get isDocumentNotDefined(){return typeof document>"u"}static get isFetchDefined(){return typeof fetch<"u"}static get isFetchNotDefined(){return typeof fetch>"u"}static get isFileDefined(){return typeof File<"u"}static get isFileNotDefined(){return typeof File>"u"}static get isFormDataDefined(){return typeof FormData<"u"}static get isFormDataNotDefined(){return typeof FormData>"u"}static get isJest(){return typeof b(()=>process.env.JEST_WORKER_ID,!1)=="string"}static get isNotJest(){return typeof b(()=>process.env.JEST_WORKER_ID,!1)!="string"}static get isProduction(){return this.NODE_ENV==="production"}static get isNotProduction(){return this.NODE_ENV!=="production"}static get isTest(){return this.NODE_ENV==="test"}static get isNotTest(){return this.NODE_ENV!=="test"}static get isProcessDefined(){return typeof process<"u"}static get isProcessNotDefined(){return typeof process>"u"}static get isWindowDefined(){return typeof window<"u"}static get isWindowNotDefined(){return typeof window>"u"}static get NODE_ENV(){let t;return t=b(()=>"production",!1),t instanceof Error?"":t||""}};function Se(e,t=!1){return e.charAt(0).toUpperCase()+(t?e.slice(1).toLowerCase():e.slice(1))}function J(e){let t,n;t="",n=!1;for(let r of e){if(W.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Se(t)}function Q(e,t,n){switch(typeof t){case"number":case"symbol":return e[t];case"string":if(t.includes(".")){let r,s,o;return r=t.replace(w,"$1.[").split("."),s=r[r.length-1].replace(A,""),o=q(e,r),o instanceof Error?n:o[s]}return t in e?e[t]:n}}function q(e,t,n=!1){let r=e;for(let s=0;s<t.length;s++){let o;if(!(s>=t.length-1))switch(o=t[s],o=o.replace(A,""),typeof r[o]){case"object":if(r[o]===null)return new Error("The target value is null.");r=r[o];continue;case"undefined":if(n){r[o]=t[s+1].includes("[")?[]:{},r=r[o];continue}return new Error("The target type is undefined.");default:return new Error("The target type is nor undefined nor object.")}}return r}function Y(e,t,n){switch(typeof t){case"number":case"symbol":e[t]=n;break;case"string":if(t.includes(".")){let r,s,o;if(r=t.replace(w,"$1.[").split("."),o=r[r.length-1].replace(A,""),s=q(e,r,!0),s instanceof Error)return s;s[o]=n;break}e[t]=n;break}}var m=d(p(),1);function k(e,t,n){return(0,m.forwardRef)((r,s)=>{r={...r};for(let E in r)r[E]===!1&&delete r[E],r[E]===!0&&(r[E]="");r.className&&(Y(r,"class",r.className),delete r.className);let o=s??(0,m.createRef)(),c=(0,m.createElement)(e,{...r,ref:o,suppressHydrationWarning:!0}),[a]=(0,m.useState)(new Map),u=()=>{if(!(typeof o!="object"||!o?.current||!n))for(let E of n){let B,v;B="on"+J(String(E)),v=Q(r,B),typeof v=="function"&&(o.current.addEventListener(String(E),v),a.set(String(E),v))}},l=()=>{if(!(typeof o!="object"||!o?.current))for(let E of a)o.current.removeEventListener(...E),a.delete(E[0])};return(0,m.useEffect)(()=>(l(),u(),l),[r]),c})}function T(e,t,n=[]){return k(e,t,["attribute-change","state-change",...n])}function ke(e,t,n){return T(e,t,n)}function He(e,t,n=[]){return T(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Be(e,t,n){return T(e,t,n)}var le=d(p(),1);function Ge(...e){return(0,le.forwardRef)(e[0])}var R=d(p(),1);var fe=d(p(),1);function N(e,t,n,r=[]){(0,fe.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function Ve(e){let t=(0,R.useRef)(null),[,n]=(0,R.useReducer)(()=>({}),{}),r=o=>{e?.attribute?.dispatch===!0&&o.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(o.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(o.detail.name)||n())},s=o=>{e?.state?.dispatch===!0&&o.detail&&(e.state.blacklist&&e.state.blacklist.includes(o.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(o.detail.name)||n())};return N(t,"attribute-changed",r,[t.current]),N(t,"state-changed",s,[t.current]),(0,R.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var Ee=d(p(),1);var h=d(p(),1);function H(){let e=(0,h.useRef)("CONSTRUCTED");return(0,h.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function $e(e){let t=H(),n=(0,Ee.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var y=d(p(),1);function Xe(e,t){let n=(0,y.useRef)(),[r,s]=(0,y.useState)([]),o=(0,y.useMemo)(()=>r.some(l=>l.isIntersecting),[r]),c=(0,y.useMemo)(()=>r.every(l=>l.isIntersecting),[r]),a=o,u=l=>{s(l)};return(0,y.useEffect)(()=>{n.current=new IntersectionObserver(u,t);for(let l of e){if(!l.current)return;n.current.observe(l.current)}return()=>n.current?.disconnect()},[]),{entries:r,observer:n,areSomeIntersecting:o,isEveryIntersecting:c,isIntersecting:a}}var pe=d(p(),1);function We(e,t){return(0,pe.useRef)(C.isWindowDefined?document.createElement(e,t):{current:{}})}var me=d(p(),1);function Je(e,t,n=[]){(0,me.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}return ge(Qe);})();
+"use strict";var AracnaReact=(()=>{var me=Object.create;var S=Object.defineProperty;var de=Object.getOwnPropertyDescriptor;var ye=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var G=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Re=(e,t)=>{for(var n in t)S(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ye(t))!_e.call(e,o)&&o!==n&&S(e,o,{get:()=>t[o],enumerable:!(r=de(t,o))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?me(Te(e)):{},V(t||!e||!e.__esModule?S(n,"default",{value:e,enumerable:!0}):n,e)),ve=e=>V(S({},"__esModule",{value:!0}),e);var ie=G(i=>{"use strict";var b=Symbol.for("react.element"),Ne=Symbol.for("react.portal"),Me=Symbol.for("react.fragment"),Le=Symbol.for("react.strict_mode"),Oe=Symbol.for("react.profiler"),Pe=Symbol.for("react.provider"),he=Symbol.for("react.context"),xe=Symbol.for("react.forward_ref"),De=Symbol.for("react.suspense"),we=Symbol.for("react.memo"),Fe=Symbol.for("react.lazy"),Q=Symbol.iterator;function Ke(e){return e===null||typeof e!="object"?null:(e=Q&&e[Q]||e["@@iterator"],typeof e=="function"?e:null)}var Z={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ee=Object.assign,te={};function R(e,t,n){this.props=e,this.context=t,this.refs=te,this.updater=n||Z}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 ne(){}ne.prototype=R.prototype;function K(e,t,n){this.props=e,this.context=t,this.refs=te,this.updater=n||Z}var U=K.prototype=new ne;U.constructor=K;ee(U,R.prototype);U.isPureReactComponent=!0;var Y=Array.isArray,re=Object.prototype.hasOwnProperty,I={current:null},oe={key:!0,ref:!0,__self:!0,__source:!0};function se(e,t,n){var r,o={},s=null,c=null;if(t!=null)for(r in t.ref!==void 0&&(c=t.ref),t.key!==void 0&&(s=""+t.key),t)re.call(t,r)&&!oe.hasOwnProperty(r)&&(o[r]=t[r]);var a=arguments.length-2;if(a===1)o.children=n;else if(1<a){for(var u=Array(a),l=0;l<a;l++)u[l]=arguments[l+2];o.children=u}if(e&&e.defaultProps)for(r in a=e.defaultProps,a)o[r]===void 0&&(o[r]=a[r]);return{$$typeof:b,type:e,key:s,ref:c,props:o,_owner:I.current}}function Ue(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 Ie(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var z=/\/+/g;function F(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Ie(""+e.key):t.toString(36)}function M(e,t,n,r,o){var s=typeof e;(s==="undefined"||s==="boolean")&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case b:case Ne:c=!0}}if(c)return c=e,o=o(c),e=r===""?"."+F(c,0):r,Y(o)?(n="",e!=null&&(n=e.replace(z,"$&/")+"/"),M(o,t,n,"",function(l){return l})):o!=null&&(k(o)&&(o=Ue(o,n+(!o.key||c&&c.key===o.key?"":(""+o.key).replace(z,"$&/")+"/")+e)),t.push(o)),1;if(c=0,r=r===""?".":r+":",Y(e))for(var a=0;a<e.length;a++){s=e[a];var u=r+F(s,a);c+=M(s,t,n,u,o)}else if(u=Ke(e),typeof u=="function")for(e=u.call(e),a=0;!(s=e.next()).done;)s=s.value,u=r+F(s,a++),c+=M(s,t,n,u,o);else if(s==="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 c}function N(e,t,n){if(e==null)return e;var r=[],o=0;return M(e,r,"","",function(s){return t.call(n,s,o++)}),r}function ke(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 E={current:null},L={transition:null},He={ReactCurrentDispatcher:E,ReactCurrentBatchConfig:L,ReactCurrentOwner:I};i.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}};i.Component=R;i.Fragment=Me;i.Profiler=Oe;i.PureComponent=K;i.StrictMode=Le;i.Suspense=De;i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=He;i.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=ee({},e.props),o=e.key,s=e.ref,c=e._owner;if(t!=null){if(t.ref!==void 0&&(s=t.ref,c=I.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var a=e.type.defaultProps;for(u in t)re.call(t,u)&&!oe.hasOwnProperty(u)&&(r[u]=t[u]===void 0&&a!==void 0?a[u]:t[u])}var u=arguments.length-2;if(u===1)r.children=n;else if(1<u){a=Array(u);for(var l=0;l<u;l++)a[l]=arguments[l+2];r.children=a}return{$$typeof:b,type:e.type,key:o,ref:s,props:r,_owner:c}};i.createContext=function(e){return e={$$typeof:he,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Pe,_context:e},e.Consumer=e};i.createElement=se;i.createFactory=function(e){var t=se.bind(null,e);return t.type=e,t};i.createRef=function(){return{current:null}};i.forwardRef=function(e){return{$$typeof:xe,render:e}};i.isValidElement=k;i.lazy=function(e){return{$$typeof:Fe,_payload:{_status:-1,_result:e},_init:ke}};i.memo=function(e,t){return{$$typeof:we,type:e,compare:t===void 0?null:t}};i.startTransition=function(e){var t=L.transition;L.transition={};try{e()}finally{L.transition=t}};i.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};i.useCallback=function(e,t){return E.current.useCallback(e,t)};i.useContext=function(e){return E.current.useContext(e)};i.useDebugValue=function(){};i.useDeferredValue=function(e){return E.current.useDeferredValue(e)};i.useEffect=function(e,t){return E.current.useEffect(e,t)};i.useId=function(){return E.current.useId()};i.useImperativeHandle=function(e,t,n){return E.current.useImperativeHandle(e,t,n)};i.useInsertionEffect=function(e,t){return E.current.useInsertionEffect(e,t)};i.useLayoutEffect=function(e,t){return E.current.useLayoutEffect(e,t)};i.useMemo=function(e,t){return E.current.useMemo(e,t)};i.useReducer=function(e,t,n){return E.current.useReducer(e,t,n)};i.useRef=function(e){return E.current.useRef(e)};i.useState=function(e){return E.current.useState(e)};i.useSyncExternalStore=function(e,t,n){return E.current.useSyncExternalStore(e,t,n)};i.useTransition=function(){return E.current.useTransition()};i.version="18.2.0"});var m=G((Rt,ae)=>{"use strict";ae.exports=ie()});var Qe={};Re(Qe,{ComponentLifeCycle:()=>$,createBaseElementComponent:()=>T,createElementComponent:()=>H,createFloatingElementComponent:()=>je,createFocusTrapElementComponent:()=>Be,createFormFieldElementComponent:()=>Ge,forwardRef:()=>Ve,useBaseElementComponent:()=>$e,useDispatch:()=>We,useEventListener:()=>O,useIntersectionObserver:()=>Xe,useLifeCycle:()=>j,useSafeRef:()=>Je,useWindowEventListener:()=>qe});var $=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))($||{});function x(...e){}var W=()=>({tc:{log:!0,onCatch:x},tcp:{log:!0,onCatch:x}});var ge="abcdefghijklmnopqrstuvwxyz";var D="0123456789",be="ABCDEFGHIJKLMNOPQRSTUVWXYZ",tt=D+ge+be,nt=D+"abcdef",rt=D+"ABCDEF";var X=/[^a-zA-Z]/g;var g=class{static module=W()};function _(e,t=g.module.tc.log){try{return e()}catch(n){return t&&console.error(n),g.module.tc.onCatch(n,t),n}}var A=class{static get(t){let n;return n=_(()=>process.env[t],!1),n instanceof Error?"":n||""}static has(t){let n;return n=_(()=>process.env[t],!1),!(n instanceof Error||typeof n>"u")}static get isBlobDefined(){return typeof Blob<"u"}static get isBlobNotDefined(){return typeof Blob>"u"}static get isDevelopment(){return this.NODE_ENV==="development"}static get isNotDevelopment(){return this.NODE_ENV!=="development"}static get isDocumentDefined(){return typeof document<"u"}static get isDocumentNotDefined(){return typeof document>"u"}static get isFetchDefined(){return typeof fetch<"u"}static get isFetchNotDefined(){return typeof fetch>"u"}static get isFileDefined(){return typeof File<"u"}static get isFileNotDefined(){return typeof File>"u"}static get isFormDataDefined(){return typeof FormData<"u"}static get isFormDataNotDefined(){return typeof FormData>"u"}static get isJest(){return typeof _(()=>process.env.JEST_WORKER_ID,!1)=="string"}static get isNotJest(){return typeof _(()=>process.env.JEST_WORKER_ID,!1)!="string"}static get isProduction(){return this.NODE_ENV==="production"}static get isNotProduction(){return this.NODE_ENV!=="production"}static get isTest(){return this.NODE_ENV==="test"}static get isNotTest(){return this.NODE_ENV!=="test"}static get isProcessDefined(){return typeof process<"u"}static get isProcessNotDefined(){return typeof process>"u"}static get isWindowDefined(){return typeof window<"u"}static get isWindowNotDefined(){return typeof window>"u"}static get NODE_ENV(){let t;return t=_(()=>"production",!1),t instanceof Error?"":t||""}};function Ce(e,t=!1){return e.charAt(0).toUpperCase()+(t?e.slice(1).toLowerCase():e.slice(1))}function J(e){let t,n;t="",n=!1;for(let r of e){if(X.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Ce(t)}var Se=new Set(["children","localName","ref","style","className"]),q=new WeakMap,Ae=(e,t,n,r,o)=>{let s=o?.[t];s===void 0||n===r?(e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)):((c,a,u)=>{let l=q.get(c);l===void 0&&q.set(c,l=new Map);let p=l.get(a);u!==void 0?p===void 0?(l.set(a,p={handleEvent:u}),c.addEventListener(a,p)):p.handleEvent=u:p!==void 0&&(l.delete(a),c.removeEventListener(a,p))})(e,s,n)},w=({react:e,tagName:t,elementClass:n,events:r,displayName:o})=>{let s=new Set(Object.keys(r??{})),c=e.forwardRef((a,u)=>{let l=e.useRef(null),p=e.useRef(null),C={},B={};for(let[f,h]of Object.entries(a))Se.has(f)?C[f==="className"?"class":f]=h:s.has(f)||f in n.prototype?B[f]=h:C[f]=h;return e.useLayoutEffect(()=>{if(p.current!==null){for(let f in B)Ae(p.current,f,a[f],l.current?l.current[f]:void 0,r);l.current=a}}),e.useLayoutEffect(()=>{var f;(f=p.current)===null||f===void 0||f.removeAttribute("defer-hydration")},[]),C.suppressHydrationWarning=!0,e.createElement(t,{...C,ref:f=>{p.current=f,typeof u=="function"?u(f):u!==null&&(u.current=f)}})});return c.displayName=o??n.name,c};var ue=d(m(),1);function H(e,t,n){return w({elementClass:t,events:n?.reduce((r,o)=>({...r,["on"+J(String(o))]:o}),{}),react:ue.default,tagName:e})}function T(e,t,n=[]){return H(e,t,["attribute-change","state-change",...n])}function je(e,t,n){return T(e,t,n)}function Be(e,t,n=[]){return T(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Ge(e,t,n){return T(e,t,n)}var le=d(m(),1);function Ve(...e){return(0,le.forwardRef)(e[0])}var v=d(m(),1);var ce=d(m(),1);function O(e,t,n,r=[]){(0,ce.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function $e(e){let t=(0,v.useRef)(null),[,n]=(0,v.useReducer)(()=>({}),{}),r=s=>{e?.attribute?.dispatch===!0&&s.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(s.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(s.detail.name)||n())},o=s=>{e?.state?.dispatch===!0&&s.detail&&(e.state.blacklist&&e.state.blacklist.includes(s.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(s.detail.name)||n())};return O(t,"attribute-changed",r,[t.current]),O(t,"state-changed",o,[t.current]),(0,v.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var fe=d(m(),1);var P=d(m(),1);function j(){let e=(0,P.useRef)("CONSTRUCTED");return(0,P.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function We(e){let t=j(),n=(0,fe.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var y=d(m(),1);function Xe(e,t){let n=(0,y.useRef)(),[r,o]=(0,y.useState)([]),s=(0,y.useMemo)(()=>r.some(l=>l.isIntersecting),[r]),c=(0,y.useMemo)(()=>r.every(l=>l.isIntersecting),[r]),a=s,u=l=>{o(l)};return(0,y.useEffect)(()=>{n.current=new IntersectionObserver(u,t);for(let l of e){if(!l.current)return;n.current.observe(l.current)}return()=>n.current?.disconnect()},[]),{entries:r,observer:n,areSomeIntersecting:s,isEveryIntersecting:c,isIntersecting:a}}var Ee=d(m(),1);function Je(e,t){return(0,Ee.useRef)(A.isWindowDefined?document.createElement(e,t):{current:{}})}var pe=d(m(),1);function qe(e,t,n=[]){(0,pe.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}return ve(Qe);})();
 /*! Bundled license information:
 
 react/cjs/react.production.min.js:
@@ -11,4 +11,11 @@ react/cjs/react.production.min.js:
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    *)
+
+@lit-labs/react/create-component.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
 */

package/package.json

@@ -9,11 +9,12 @@
     "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.7",
     "@vitejs/plugin-react": "^4.0.4",
-    "@vitest/coverage-c8": "^0.33.0",
+    "@vitest/coverage-v8": "^0.34.2",
     "@vitest/ui": "^0.34.2",
     "esbuild": "^0.19.2",
     "glob": "^10.3.3",
     "jsdom": "^22.1.0",
+    "lit": "^2.8.0",
     "prettier": "^3.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -47,5 +48,8 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "1.0.26"
+  "version": "1.0.27",
+  "dependencies": {
+    "@lit-labs/react": "^2.1.0"
+  }
 }