@aracna/react 1.0.28 → 1.0.30

package/definitions/constants.d.ts

@@ -1 +1 @@
-export declare const HTML_ELEMENT_EVENTS: string[];
+export declare const DEFAULT_ELEMENT_COMPONENT_EVENTS: Record<string, string>;

package/definitions/constants.js

@@ -1 +1 @@
-const e=["abort","abort-capture","animation-end","animation-end-capture","animation-iteration","animation-iteration-capture","animation-start","animation-start-capture","aux-click","aux-click-capture","before-input","before-input-capture","blur","blur-capture","can-play","can-play-capture","can-play-through","can-play-through-capture","change","change-capture","click","click-capture","composition-end","composition-end-capture","composition-start","composition-start-capture","composition-update","composition-update-capture","context-menu","context-menu-capture","copy","copy-capture","cut","cut-capture","double-click","double-click-capture","drag","drag-capture","drag-end","drag-end-capture","drag-enter","drag-enter-capture","drag-exit","drag-exit-capture","drag-leave","drag-leave-capture","drag-over","drag-over-capture","drag-start","drag-start-capture","drop","drop-capture","duration-change","duration-change-capture","emptied","emptied-capture","encrypted","encrypted-capture","ended","ended-capture","error","error-capture","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","focus","focus-capture","got-pointer-capture","got-pointer-capture-capture","input","input-capture","invalid","invalid-capture","key-down","key-down-capture","key-press","key-press-capture","key-up","key-up-capture","load","load-capture","load-start","load-start-capture","loaded-data","loaded-data-capture","loaded-metadata","loaded-metadata-capture","lost-pointer-capture","lost-pointer-capture-capture","mouse-down","mouse-down-capture","mouse-enter","mouse-leave","mouse-move","mouse-move-capture","mouse-out","mouse-out-capture","mouse-over","mouse-over-capture","mouse-up","mouse-up-capture","paste","paste-capture","pause","pause-capture","play","play-capture","playing","playing-capture","pointer-cancel","pointer-cancel-capture","pointer-down","pointer-down-capture","pointer-enter","pointer-enter-capture","pointer-leave","pointer-leave-capture","pointer-move","pointer-move-capture","pointer-out","pointer-out-capture","pointer-over","pointer-over-capture","pointer-up","pointer-up-capture","progress","progress-capture","rate-change","rate-change-capture","reset","reset-capture","resize","resize-capture","scroll","scroll-capture","seeked","seeked-capture","seeking","seeking-capture","select","select-capture","stalled","stalled-capture","submit","submit-capture","suspend","suspend-capture","time-update","time-update-capture","touch-cancel","touch-cancel-capture","touch-end","touch-end-capture","touch-move","touch-move-capture","touch-start","touch-start-capture","transition-end","transition-end-capture","volume-change","volume-change-capture","waiting","waiting-capture","wheel","wheel-capture"];export{e as HTML_ELEMENT_EVENTS};
+const o={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"};export{o as DEFAULT_ELEMENT_COMPONENT_EVENTS};

package/definitions/props.d.ts

@@ -191,7 +191,7 @@ import type { CheckBoxElement } from '@aracna/web-components/elements/input/chec
 export type CheckBoxProps = ElementComponentProps<CheckBoxElement, CheckBoxElementAttributes, CheckBoxElementEventMap>;
 import type { ButtonGroupElementAttributes, ButtonGroupElementEventMap } from '@aracna/web';
 import type { ButtonGroupElement } from '@aracna/web-components/elements/input/button-group-element.js';
-export type ButtonGroupProps = ElementComponentProps<ButtonGroupElement, ButtonGroupElementAttributes, ButtonGroupElementEventMap>;
+export type ButtonGroupProps<T extends ButtonElementAttributes = ButtonElementAttributes> = ElementComponentProps<ButtonGroupElement, ButtonGroupElementAttributes<T>, ButtonGroupElementEventMap>;
 import type { ButtonElementAttributes, ButtonElementEventMap } from '@aracna/web';
 import type { ButtonElement } from '@aracna/web-components/elements/input/button-element.js';
 export type ButtonProps = ElementComponentProps<ButtonElement, ButtonElementAttributes, ButtonElementEventMap>;
@@ -205,11 +205,11 @@ export type TabsPanelProps = ElementComponentProps<TabsPanelElement, TabsPanelEl
 export type TabsTabProps = ElementComponentProps<TabsTabElement, TabsTabElementAttributes, TabsTabElementEventMap>;
 import type { NavigationRailElementAttributes, NavigationRailElementEventMap, NavigationRailItemElementAttributes, NavigationRailItemElementEventMap } from '@aracna/web';
 import type { NavigationRailElement, NavigationRailItemElement } from '@aracna/web-components/elements/navigation/navigation-rail-element.js';
-export type NavigationRailProps = ElementComponentProps<NavigationRailElement, NavigationRailElementAttributes, NavigationRailElementEventMap>;
+export type NavigationRailProps<T extends NavigationRailItemElementAttributes = NavigationRailItemElementAttributes> = ElementComponentProps<NavigationRailElement, NavigationRailElementAttributes<T>, NavigationRailElementEventMap>;
 export type NavigationRailItemProps = ElementComponentProps<NavigationRailItemElement, NavigationRailItemElementAttributes, NavigationRailItemElementEventMap>;
 import type { NavigationBarElementAttributes, NavigationBarElementEventMap, NavigationBarItemElementAttributes, NavigationBarItemElementEventMap } from '@aracna/web';
 import type { NavigationBarElement, NavigationBarItemElement } from '@aracna/web-components/elements/navigation/navigation-bar-element.js';
-export type NavigationBarProps = ElementComponentProps<NavigationBarElement, NavigationBarElementAttributes, NavigationBarElementEventMap>;
+export type NavigationBarProps<T extends NavigationBarItemElementAttributes = NavigationBarItemElementAttributes> = ElementComponentProps<NavigationBarElement, NavigationBarElementAttributes<T>, NavigationBarElementEventMap>;
 export type NavigationBarItemProps = ElementComponentProps<NavigationBarItemElement, NavigationBarItemElementAttributes, NavigationBarItemElementEventMap>;
 import type { MenuElementAttributes, MenuElementEventMap, MenuButtonElementAttributes, MenuButtonElementEventMap, MenuItemElementAttributes, MenuItemElementEventMap, MenuSubMenuElementAttributes, MenuSubMenuElementEventMap } from '@aracna/web';
 import type { MenuElement, MenuButtonElement, MenuItemElement, MenuSubMenuElement } from '@aracna/web-components/elements/navigation/menu-element.js';

package/definitions/types.d.ts

@@ -1,7 +1,7 @@
 import { PascalCase } from '@aracna/core';
 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 ElementComponentAttributes = Record<string, any>;
 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> = {

package/functions/create-element-component.js

@@ -1 +1 @@
-import{getPascalCaseString as E}from"@aracna/core";import{createComponent as r}from"@lit-labs/react";import s from"react";import{HTML_ELEMENT_EVENTS as p}from"../definitions/constants.js";function c(t,n,m=[]){return r({elementClass:n,events:[...p,...m].reduce((o,e)=>({...o,["on"+E(String(e))]:e}),{}),react:s,tagName:t})}export{c as createElementComponent};
+import{getPascalCaseString as E}from"@aracna/core";import{createComponent as r}from"@lit-labs/react";import s from"react";import{DEFAULT_ELEMENT_COMPONENT_EVENTS as p}from"../definitions/constants.js";function N(t,n,m=[]){return r({elementClass:n,events:{...p,...m.reduce((o,e)=>({...o,["on"+E(String(e))]:e}),{})},react:s,tagName:t})}export{N as createElementComponent};

package/index.cjs

@@ -1 +1 @@
-"use strict";var L=Object.create;var i=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of k(t))!A.call(e,o)&&o!==n&&i(e,o,{get:()=>t[o],enumerable:!(r=P(t,o))||r.enumerable});return e};var S=(e,t,n)=>(n=e!=null?L(F(e)):{},f(t||!e||!e.__esModule?i(n,"default",{value:e,enumerable:!0}):n,e)),D=e=>f(i({},"__esModule",{value:!0}),e);var q={};H(q,{ComponentLifeCycle:()=>v,createBaseElementComponent:()=>m,createElementComponent:()=>E,createFloatingElementComponent:()=>j,createFocusTrapElementComponent:()=>I,createFormFieldElementComponent:()=>U,forwardRef:()=>B,useBaseElementComponent:()=>V,useDispatch:()=>G,useEventListener:()=>l,useIntersectionObserver:()=>_,useLifeCycle:()=>d,useSafeRef:()=>W,useWindowEventListener:()=>z});module.exports=D(q);var v=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(v||{});var y=require("@aracna/core"),M=require("@lit-labs/react"),T=S(require("react"),1);var b=["abort","abort-capture","animation-end","animation-end-capture","animation-iteration","animation-iteration-capture","animation-start","animation-start-capture","aux-click","aux-click-capture","before-input","before-input-capture","blur","blur-capture","can-play","can-play-capture","can-play-through","can-play-through-capture","change","change-capture","click","click-capture","composition-end","composition-end-capture","composition-start","composition-start-capture","composition-update","composition-update-capture","context-menu","context-menu-capture","copy","copy-capture","cut","cut-capture","double-click","double-click-capture","drag","drag-capture","drag-end","drag-end-capture","drag-enter","drag-enter-capture","drag-exit","drag-exit-capture","drag-leave","drag-leave-capture","drag-over","drag-over-capture","drag-start","drag-start-capture","drop","drop-capture","duration-change","duration-change-capture","emptied","emptied-capture","encrypted","encrypted-capture","ended","ended-capture","error","error-capture","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","focus","focus-capture","got-pointer-capture","got-pointer-capture-capture","input","input-capture","invalid","invalid-capture","key-down","key-down-capture","key-press","key-press-capture","key-up","key-up-capture","load","load-capture","load-start","load-start-capture","loaded-data","loaded-data-capture","loaded-metadata","loaded-metadata-capture","lost-pointer-capture","lost-pointer-capture-capture","mouse-down","mouse-down-capture","mouse-enter","mouse-leave","mouse-move","mouse-move-capture","mouse-out","mouse-out-capture","mouse-over","mouse-over-capture","mouse-up","mouse-up-capture","paste","paste-capture","pause","pause-capture","play","play-capture","playing","playing-capture","pointer-cancel","pointer-cancel-capture","pointer-down","pointer-down-capture","pointer-enter","pointer-enter-capture","pointer-leave","pointer-leave-capture","pointer-move","pointer-move-capture","pointer-out","pointer-out-capture","pointer-over","pointer-over-capture","pointer-up","pointer-up-capture","progress","progress-capture","rate-change","rate-change-capture","reset","reset-capture","resize","resize-capture","scroll","scroll-capture","seeked","seeked-capture","seeking","seeking-capture","select","select-capture","stalled","stalled-capture","submit","submit-capture","suspend","suspend-capture","time-update","time-update-capture","touch-cancel","touch-cancel-capture","touch-end","touch-end-capture","touch-move","touch-move-capture","touch-start","touch-start-capture","transition-end","transition-end-capture","volume-change","volume-change-capture","waiting","waiting-capture","wheel","wheel-capture"];function E(e,t,n=[]){return(0,M.createComponent)({elementClass:t,events:[...b,...n].reduce((r,o)=>({...r,["on"+(0,y.getPascalCaseString)(String(o))]:o}),{}),react:T.default,tagName:e})}function m(e,t,n=[]){return E(e,t,["attribute-change","state-change",...n])}function j(e,t,n){return m(e,t,n)}function I(e,t,n=[]){return m(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function U(e,t,n){return m(e,t,n)}var g=require("react");function B(...e){return(0,g.forwardRef)(e[0])}var u=require("react");var x=require("react");function l(e,t,n,r=[]){(0,x.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function V(e){let t=(0,u.useRef)(null),[,n]=(0,u.useReducer)(()=>({}),{}),r=a=>{e?.attribute?.dispatch===!0&&a.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(a.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(a.detail.name)||n())},o=a=>{e?.state?.dispatch===!0&&a.detail&&(e.state.blacklist&&e.state.blacklist.includes(a.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(a.detail.name)||n())};return l(t,"attribute-changed",r,[t.current]),l(t,"state-changed",o,[t.current]),(0,u.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var C=require("react");var c=require("react");function d(){let e=(0,c.useRef)("CONSTRUCTED");return(0,c.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function G(e){let t=d(),n=(0,C.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var p=require("react");function _(e,t){let n=(0,p.useRef)(),[r,o]=(0,p.useState)([]),a=(0,p.useMemo)(()=>r.some(s=>s.isIntersecting),[r]),N=(0,p.useMemo)(()=>r.every(s=>s.isIntersecting),[r]),w=a,O=s=>{o(s)};return(0,p.useEffect)(()=>{n.current=new IntersectionObserver(O,t);for(let s of e){if(!s.current)return;n.current.observe(s.current)}return()=>n.current?.disconnect()},[]),{entries:r,observer:n,areSomeIntersecting:a,isEveryIntersecting:N,isIntersecting:w}}var h=require("@aracna/core"),R=require("react");function W(e,t){return(0,R.useRef)(h.Environment.isWindowDefined?document.createElement(e,t):{current:{}})}var K=require("react");function z(e,t,n=[]){(0,K.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}
+"use strict";var h=Object.create;var p=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var n in t)p(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of F(t))!k.call(e,r)&&r!==n&&p(e,r,{get:()=>t[r],enumerable:!(o=w(t,r))||o.enumerable});return e};var D=(e,t,n)=>(n=e!=null?h(A(e)):{},f(t||!e||!e.__esModule?p(n,"default",{value:e,enumerable:!0}):n,e)),H=e=>f(p({},"__esModule",{value:!0}),e);var q={};S(q,{ComponentLifeCycle:()=>v,createBaseElementComponent:()=>i,createElementComponent:()=>c,createFloatingElementComponent:()=>U,createFocusTrapElementComponent:()=>I,createFormFieldElementComponent:()=>j,forwardRef:()=>B,useBaseElementComponent:()=>V,useDispatch:()=>G,useEventListener:()=>E,useIntersectionObserver:()=>_,useLifeCycle:()=>d,useSafeRef:()=>W,useWindowEventListener:()=>z});module.exports=H(q);var v=(o=>(o.CONSTRUCTED="CONSTRUCTED",o.MOUNTED="MOUNTED",o.UNMOUNTED="UNMOUNTED",o))(v||{});var b=require("@aracna/core"),T=require("@lit-labs/react"),y=D(require("react"),1);var M={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 c(e,t,n=[]){return(0,T.createComponent)({elementClass:t,events:{...M,...n.reduce((o,r)=>({...o,["on"+(0,b.getPascalCaseString)(String(r))]:r}),{})},react:y.default,tagName:e})}function i(e,t,n=[]){return c(e,t,["attribute-change","state-change",...n])}function U(e,t,n){return i(e,t,n)}function I(e,t,n=[]){return i(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function j(e,t,n){return i(e,t,n)}var g=require("react");function B(...e){return(0,g.forwardRef)(e[0])}var l=require("react");var x=require("react");function E(e,t,n,o=[]){(0,x.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),o)}function V(e){let t=(0,l.useRef)(null),[,n]=(0,l.useReducer)(()=>({}),{}),o=a=>{e?.attribute?.dispatch===!0&&a.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(a.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(a.detail.name)||n())},r=a=>{e?.state?.dispatch===!0&&a.detail&&(e.state.blacklist&&e.state.blacklist.includes(a.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(a.detail.name)||n())};return E(t,"attribute-changed",o,[t.current]),E(t,"state-changed",r,[t.current]),(0,l.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var C=require("react");var u=require("react");function d(){let e=(0,u.useRef)("CONSTRUCTED");return(0,u.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function G(e){let t=d(),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 _(e,t){let n=(0,s.useRef)(),[o,r]=(0,s.useState)([]),a=(0,s.useMemo)(()=>o.some(m=>m.isIntersecting),[o]),K=(0,s.useMemo)(()=>o.every(m=>m.isIntersecting),[o]),N=a,L=m=>{r(m)};return(0,s.useEffect)(()=>{n.current=new IntersectionObserver(L,t);for(let m of e){if(!m.current)return;n.current.observe(m.current)}return()=>n.current?.disconnect()},[]),{entries:o,observer:n,areSomeIntersecting:a,isEveryIntersecting:K,isIntersecting:N}}var P=require("@aracna/core"),O=require("react");function W(e,t){return(0,O.useRef)(P.Environment.isWindowDefined?document.createElement(e,t):{current:{}})}var R=require("react");function z(e,t,n=[]){(0,R.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}

package/index.d.ts

@@ -558,7 +558,7 @@ export declare type BreadcrumbListProps = ElementComponentProps<BreadcrumbListEl
 
 export declare type BreadcrumbProps = ElementComponentProps<BreadcrumbElement, BreadcrumbElementAttributes, BreadcrumbElementEventMap>;
 
-export declare type ButtonGroupProps = ElementComponentProps<ButtonGroupElement, ButtonGroupElementAttributes, ButtonGroupElementEventMap>;
+export declare type ButtonGroupProps<T extends ButtonElementAttributes = ButtonElementAttributes> = ElementComponentProps<ButtonGroupElement, ButtonGroupElementAttributes<T>, ButtonGroupElementEventMap>;
 
 export declare type ButtonProps = ElementComponentProps<ButtonElement, ButtonElementAttributes, ButtonElementEventMap>;
 
@@ -626,7 +626,7 @@ export declare type DividerProps = ElementComponentProps<DividerElement, Divider
 
 export declare type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = ForwardRefExoticComponent<Props>;
 
-export declare type ElementComponentAttributes = Record<PropertyKey, any>;
+export declare type ElementComponentAttributes = Record<string, any>;
 
 export declare type ElementComponentEvents = Record<string, any>;
 
@@ -678,11 +678,11 @@ export declare type MeterProps = ElementComponentProps<MeterElement, MeterElemen
 
 export declare type NavigationBarItemProps = ElementComponentProps<NavigationBarItemElement, NavigationBarItemElementAttributes, NavigationBarItemElementEventMap>;
 
-export declare type NavigationBarProps = ElementComponentProps<NavigationBarElement, NavigationBarElementAttributes, NavigationBarElementEventMap>;
+export declare type NavigationBarProps<T extends NavigationBarItemElementAttributes = NavigationBarItemElementAttributes> = ElementComponentProps<NavigationBarElement, NavigationBarElementAttributes<T>, NavigationBarElementEventMap>;
 
 export declare type NavigationRailItemProps = ElementComponentProps<NavigationRailItemElement, NavigationRailItemElementAttributes, NavigationRailItemElementEventMap>;
 
-export declare type NavigationRailProps = ElementComponentProps<NavigationRailElement, NavigationRailElementAttributes, NavigationRailElementEventMap>;
+export declare type NavigationRailProps<T extends NavigationRailItemElementAttributes = NavigationRailItemElementAttributes> = ElementComponentProps<NavigationRailElement, NavigationRailElementAttributes<T>, NavigationRailElementEventMap>;
 
 declare type NullableForwardRefExoticComponent<P = {}> = (props: P) => ReactElement<P> | null;
 

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 ve=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var G=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),_e=(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 ve(t))!ge.call(e,o)&&o!==n&&S(e,o,{get:()=>t[o],enumerable:!(r=ye(t,o))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?de(Te(e)):{},V(t||!e||!e.__esModule?S(n,"default",{value:e,enumerable:!0}):n,e)),Re=e=>V(S({},"__esModule",{value:!0}),e);var se=G(s=>{"use strict";var b=Symbol.for("react.element"),Me=Symbol.for("react.portal"),Le=Symbol.for("react.fragment"),Ae=Symbol.for("react.strict_mode"),Oe=Symbol.for("react.profiler"),Pe=Symbol.for("react.provider"),xe=Symbol.for("react.context"),we=Symbol.for("react.forward_ref"),De=Symbol.for("react.suspense"),Fe=Symbol.for("react.memo"),Ke=Symbol.for("react.lazy"),q=Symbol.iterator;function Ue(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 g(e,t,n){this.props=e,this.context=t,this.refs=te,this.updater=n||Z}g.prototype.isReactComponent={};g.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")};g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function ne(){}ne.prototype=g.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,g.prototype);U.isPureReactComponent=!0;var Q=Array.isArray,re=Object.prototype.hasOwnProperty,k={current:null},oe={key:!0,ref:!0,__self:!0,__source:!0};function ae(e,t,n){var r,o={},a=null,p=null;if(t!=null)for(r in t.ref!==void 0&&(p=t.ref),t.key!==void 0&&(a=""+t.key),t)re.call(t,r)&&!oe.hasOwnProperty(r)&&(o[r]=t[r]);var u=arguments.length-2;if(u===1)o.children=n;else if(1<u){for(var i=Array(u),c=0;c<u;c++)i[c]=arguments[c+2];o.children=i}if(e&&e.defaultProps)for(r in u=e.defaultProps,u)o[r]===void 0&&(o[r]=u[r]);return{$$typeof:b,type:e,key:a,ref:p,props:o,_owner:k.current}}function ke(e,t){return{$$typeof:b,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===b}function Ie(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var Y=/\/+/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 a=typeof e;(a==="undefined"||a==="boolean")&&(e=null);var p=!1;if(e===null)p=!0;else switch(a){case"string":case"number":p=!0;break;case"object":switch(e.$$typeof){case b:case Me:p=!0}}if(p)return p=e,o=o(p),e=r===""?"."+F(p,0):r,Q(o)?(n="",e!=null&&(n=e.replace(Y,"$&/")+"/"),M(o,t,n,"",function(c){return c})):o!=null&&(I(o)&&(o=ke(o,n+(!o.key||p&&p.key===o.key?"":(""+o.key).replace(Y,"$&/")+"/")+e)),t.push(o)),1;if(p=0,r=r===""?".":r+":",Q(e))for(var u=0;u<e.length;u++){a=e[u];var i=r+F(a,u);p+=M(a,t,n,i,o)}else if(i=Ue(e),typeof i=="function")for(e=i.call(e),u=0;!(a=e.next()).done;)a=a.value,i=r+F(a,u++),p+=M(a,t,n,i,o);else if(a==="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 p}function N(e,t,n){if(e==null)return e;var r=[],o=0;return M(e,r,"","",function(a){return t.call(n,a,o++)}),r}function He(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},L={transition:null},je={ReactCurrentDispatcher:m,ReactCurrentBatchConfig:L,ReactCurrentOwner:k};s.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(!I(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};s.Component=g;s.Fragment=Le;s.Profiler=Oe;s.PureComponent=K;s.StrictMode=Ae;s.Suspense=De;s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=je;s.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,a=e.ref,p=e._owner;if(t!=null){if(t.ref!==void 0&&(a=t.ref,p=k.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var u=e.type.defaultProps;for(i in t)re.call(t,i)&&!oe.hasOwnProperty(i)&&(r[i]=t[i]===void 0&&u!==void 0?u[i]:t[i])}var i=arguments.length-2;if(i===1)r.children=n;else if(1<i){u=Array(i);for(var c=0;c<i;c++)u[c]=arguments[c+2];r.children=u}return{$$typeof:b,type:e.type,key:o,ref:a,props:r,_owner:p}};s.createContext=function(e){return e={$$typeof:xe,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Pe,_context:e},e.Consumer=e};s.createElement=ae;s.createFactory=function(e){var t=ae.bind(null,e);return t.type=e,t};s.createRef=function(){return{current:null}};s.forwardRef=function(e){return{$$typeof:we,render:e}};s.isValidElement=I;s.lazy=function(e){return{$$typeof:Ke,_payload:{_status:-1,_result:e},_init:He}};s.memo=function(e,t){return{$$typeof:Fe,type:e,compare:t===void 0?null:t}};s.startTransition=function(e){var t=L.transition;L.transition={};try{e()}finally{L.transition=t}};s.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};s.useCallback=function(e,t){return m.current.useCallback(e,t)};s.useContext=function(e){return m.current.useContext(e)};s.useDebugValue=function(){};s.useDeferredValue=function(e){return m.current.useDeferredValue(e)};s.useEffect=function(e,t){return m.current.useEffect(e,t)};s.useId=function(){return m.current.useId()};s.useImperativeHandle=function(e,t,n){return m.current.useImperativeHandle(e,t,n)};s.useInsertionEffect=function(e,t){return m.current.useInsertionEffect(e,t)};s.useLayoutEffect=function(e,t){return m.current.useLayoutEffect(e,t)};s.useMemo=function(e,t){return m.current.useMemo(e,t)};s.useReducer=function(e,t,n){return m.current.useReducer(e,t,n)};s.useRef=function(e){return m.current.useRef(e)};s.useState=function(e){return m.current.useState(e)};s.useSyncExternalStore=function(e,t,n){return m.current.useSyncExternalStore(e,t,n)};s.useTransition=function(){return m.current.useTransition()};s.version="18.2.0"});var E=G((_t,ue)=>{"use strict";ue.exports=se()});var Qe={};_e(Qe,{ComponentLifeCycle:()=>$,createBaseElementComponent:()=>v,createElementComponent:()=>H,createFloatingElementComponent:()=>Be,createFocusTrapElementComponent:()=>Ge,createFormFieldElementComponent:()=>Ve,forwardRef:()=>$e,useBaseElementComponent:()=>We,useDispatch:()=>Xe,useEventListener:()=>A,useIntersectionObserver:()=>Je,useLifeCycle:()=>j,useSafeRef:()=>ze,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 be="abcdefghijklmnopqrstuvwxyz";var w="0123456789",he="ABCDEFGHIJKLMNOPQRSTUVWXYZ",nt=w+be+he,rt=w+"abcdef",ot=w+"ABCDEF";var X=/[^a-zA-Z]/g;var R=class{static module=W()};function T(e,t=R.module.tc.log){try{return e()}catch(n){return t&&console.error(n),R.module.tc.onCatch(n,t),n}}var C=class{static get(t){let n;return n=T(()=>process.env[t],!1),n instanceof Error?"":n||""}static has(t){let n;return n=T(()=>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 T(()=>process.env.JEST_WORKER_ID,!1)=="string"}static get isNotJest(){return typeof T(()=>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=T(()=>"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(X.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Se(t)}var Ce=new Set(["children","localName","ref","style","className"]),z=new WeakMap,Ne=(e,t,n,r,o)=>{let a=o?.[t];a===void 0||n===r?(e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)):((p,u,i)=>{let c=z.get(p);c===void 0&&z.set(p,c=new Map);let f=c.get(u);i!==void 0?f===void 0?(c.set(u,f={handleEvent:i}),p.addEventListener(u,f)):f.handleEvent=i:f!==void 0&&(c.delete(u),p.removeEventListener(u,f))})(e,a,n)},D=({react:e,tagName:t,elementClass:n,events:r,displayName:o})=>{let a=new Set(Object.keys(r??{})),p=e.forwardRef((u,i)=>{let c=e.useRef(null),f=e.useRef(null),h={},B={};for(let[l,P]of Object.entries(u))Ce.has(l)?h[l==="className"?"class":l]=P:a.has(l)||l in n.prototype?B[l]=P:h[l]=P;return e.useLayoutEffect(()=>{if(f.current!==null){for(let l in B)Ne(f.current,l,u[l],c.current?c.current[l]:void 0,r);c.current=u}}),e.useLayoutEffect(()=>{var l;(l=f.current)===null||l===void 0||l.removeAttribute("defer-hydration")},[]),h.suppressHydrationWarning=!0,e.createElement(t,{...h,ref:l=>{f.current=l,typeof i=="function"?i(l):i!==null&&(i.current=l)}})});return p.displayName=o??n.name,p};var ce=d(E(),1);var ie=["abort","abort-capture","animation-end","animation-end-capture","animation-iteration","animation-iteration-capture","animation-start","animation-start-capture","aux-click","aux-click-capture","before-input","before-input-capture","blur","blur-capture","can-play","can-play-capture","can-play-through","can-play-through-capture","change","change-capture","click","click-capture","composition-end","composition-end-capture","composition-start","composition-start-capture","composition-update","composition-update-capture","context-menu","context-menu-capture","copy","copy-capture","cut","cut-capture","double-click","double-click-capture","drag","drag-capture","drag-end","drag-end-capture","drag-enter","drag-enter-capture","drag-exit","drag-exit-capture","drag-leave","drag-leave-capture","drag-over","drag-over-capture","drag-start","drag-start-capture","drop","drop-capture","duration-change","duration-change-capture","emptied","emptied-capture","encrypted","encrypted-capture","ended","ended-capture","error","error-capture","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","focus","focus-capture","got-pointer-capture","got-pointer-capture-capture","input","input-capture","invalid","invalid-capture","key-down","key-down-capture","key-press","key-press-capture","key-up","key-up-capture","load","load-capture","load-start","load-start-capture","loaded-data","loaded-data-capture","loaded-metadata","loaded-metadata-capture","lost-pointer-capture","lost-pointer-capture-capture","mouse-down","mouse-down-capture","mouse-enter","mouse-leave","mouse-move","mouse-move-capture","mouse-out","mouse-out-capture","mouse-over","mouse-over-capture","mouse-up","mouse-up-capture","paste","paste-capture","pause","pause-capture","play","play-capture","playing","playing-capture","pointer-cancel","pointer-cancel-capture","pointer-down","pointer-down-capture","pointer-enter","pointer-enter-capture","pointer-leave","pointer-leave-capture","pointer-move","pointer-move-capture","pointer-out","pointer-out-capture","pointer-over","pointer-over-capture","pointer-up","pointer-up-capture","progress","progress-capture","rate-change","rate-change-capture","reset","reset-capture","resize","resize-capture","scroll","scroll-capture","seeked","seeked-capture","seeking","seeking-capture","select","select-capture","stalled","stalled-capture","submit","submit-capture","suspend","suspend-capture","time-update","time-update-capture","touch-cancel","touch-cancel-capture","touch-end","touch-end-capture","touch-move","touch-move-capture","touch-start","touch-start-capture","transition-end","transition-end-capture","volume-change","volume-change-capture","waiting","waiting-capture","wheel","wheel-capture"];function H(e,t,n=[]){return D({elementClass:t,events:[...ie,...n].reduce((r,o)=>({...r,["on"+J(String(o))]:o}),{}),react:ce.default,tagName:e})}function v(e,t,n=[]){return H(e,t,["attribute-change","state-change",...n])}function Be(e,t,n){return v(e,t,n)}function Ge(e,t,n=[]){return v(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Ve(e,t,n){return v(e,t,n)}var pe=d(E(),1);function $e(...e){return(0,pe.forwardRef)(e[0])}var _=d(E(),1);var le=d(E(),1);function A(e,t,n,r=[]){(0,le.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function We(e){let t=(0,_.useRef)(null),[,n]=(0,_.useReducer)(()=>({}),{}),r=a=>{e?.attribute?.dispatch===!0&&a.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(a.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(a.detail.name)||n())},o=a=>{e?.state?.dispatch===!0&&a.detail&&(e.state.blacklist&&e.state.blacklist.includes(a.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(a.detail.name)||n())};return A(t,"attribute-changed",r,[t.current]),A(t,"state-changed",o,[t.current]),(0,_.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var me=d(E(),1);var O=d(E(),1);function j(){let e=(0,O.useRef)("CONSTRUCTED");return(0,O.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function Xe(e){let t=j(),n=(0,me.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var y=d(E(),1);function Je(e,t){let n=(0,y.useRef)(),[r,o]=(0,y.useState)([]),a=(0,y.useMemo)(()=>r.some(c=>c.isIntersecting),[r]),p=(0,y.useMemo)(()=>r.every(c=>c.isIntersecting),[r]),u=a,i=c=>{o(c)};return(0,y.useEffect)(()=>{n.current=new IntersectionObserver(i,t);for(let c of e){if(!c.current)return;n.current.observe(c.current)}return()=>n.current?.disconnect()},[]),{entries:r,observer:n,areSomeIntersecting:a,isEveryIntersecting:p,isIntersecting:u}}var fe=d(E(),1);function ze(e,t){return(0,fe.useRef)(C.isWindowDefined?document.createElement(e,t):{current:{}})}var Ee=d(E(),1);function qe(e,t,n=[]){(0,Ee.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}return Re(Qe);})();
+"use strict";var AracnaReact=(()=>{var de=Object.create;var b=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var ve=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var G=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),_e=(e,t)=>{for(var n in t)b(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Te(t))!ge.call(e,o)&&o!==n&&b(e,o,{get:()=>t[o],enumerable:!(r=ye(t,o))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?de(ve(e)):{},V(t||!e||!e.__esModule?b(n,"default",{value:e,enumerable:!0}):n,e)),Re=e=>V(b({},"__esModule",{value:!0}),e);var ae=G(a=>{"use strict";var C=Symbol.for("react.element"),Ae=Symbol.for("react.portal"),Ne=Symbol.for("react.fragment"),Oe=Symbol.for("react.strict_mode"),Pe=Symbol.for("react.profiler"),he=Symbol.for("react.provider"),xe=Symbol.for("react.context"),De=Symbol.for("react.forward_ref"),we=Symbol.for("react.suspense"),Fe=Symbol.for("react.memo"),Ue=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 g(e,t,n){this.props=e,this.context=t,this.refs=te,this.updater=n||Z}g.prototype.isReactComponent={};g.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")};g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function ne(){}ne.prototype=g.prototype;function U(e,t,n){this.props=e,this.context=t,this.refs=te,this.updater=n||Z}var K=U.prototype=new ne;K.constructor=U;ee(K,g.prototype);K.isPureReactComponent=!0;var Q=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 i=arguments.length-2;if(i===1)o.children=n;else if(1<i){for(var u=Array(i),l=0;l<i;l++)u[l]=arguments[l+2];o.children=u}if(e&&e.defaultProps)for(r in i=e.defaultProps,i)o[r]===void 0&&(o[r]=i[r]);return{$$typeof:C,type:e,key:s,ref:c,props:o,_owner:I.current}}function Ie(e,t){return{$$typeof:C,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===C}function ke(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var Y=/\/+/g;function F(e,t){return typeof e=="object"&&e!==null&&e.key!=null?ke(""+e.key):t.toString(36)}function A(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 C:case Ae:c=!0}}if(c)return c=e,o=o(c),e=r===""?"."+F(c,0):r,Q(o)?(n="",e!=null&&(n=e.replace(Y,"$&/")+"/"),A(o,t,n,"",function(l){return l})):o!=null&&(k(o)&&(o=Ie(o,n+(!o.key||c&&c.key===o.key?"":(""+o.key).replace(Y,"$&/")+"/")+e)),t.push(o)),1;if(c=0,r=r===""?".":r+":",Q(e))for(var i=0;i<e.length;i++){s=e[i];var u=r+F(s,i);c+=A(s,t,n,u,o)}else if(u=Ke(e),typeof u=="function")for(e=u.call(e),i=0;!(s=e.next()).done;)s=s.value,u=r+F(s,i++),c+=A(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 L(e,t,n){if(e==null)return e;var r=[],o=0;return A(e,r,"","",function(s){return t.call(n,s,o++)}),r}function He(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var p={current:null},N={transition:null},je={ReactCurrentDispatcher:p,ReactCurrentBatchConfig:N,ReactCurrentOwner:I};a.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(!k(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};a.Component=g;a.Fragment=Ne;a.Profiler=Pe;a.PureComponent=U;a.StrictMode=Oe;a.Suspense=we;a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=je;a.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 i=e.type.defaultProps;for(u in t)re.call(t,u)&&!oe.hasOwnProperty(u)&&(r[u]=t[u]===void 0&&i!==void 0?i[u]:t[u])}var u=arguments.length-2;if(u===1)r.children=n;else if(1<u){i=Array(u);for(var l=0;l<u;l++)i[l]=arguments[l+2];r.children=i}return{$$typeof:C,type:e.type,key:o,ref:s,props:r,_owner:c}};a.createContext=function(e){return e={$$typeof:xe,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:he,_context:e},e.Consumer=e};a.createElement=se;a.createFactory=function(e){var t=se.bind(null,e);return t.type=e,t};a.createRef=function(){return{current:null}};a.forwardRef=function(e){return{$$typeof:De,render:e}};a.isValidElement=k;a.lazy=function(e){return{$$typeof:Ue,_payload:{_status:-1,_result:e},_init:He}};a.memo=function(e,t){return{$$typeof:Fe,type:e,compare:t===void 0?null:t}};a.startTransition=function(e){var t=N.transition;N.transition={};try{e()}finally{N.transition=t}};a.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};a.useCallback=function(e,t){return p.current.useCallback(e,t)};a.useContext=function(e){return p.current.useContext(e)};a.useDebugValue=function(){};a.useDeferredValue=function(e){return p.current.useDeferredValue(e)};a.useEffect=function(e,t){return p.current.useEffect(e,t)};a.useId=function(){return p.current.useId()};a.useImperativeHandle=function(e,t,n){return p.current.useImperativeHandle(e,t,n)};a.useInsertionEffect=function(e,t){return p.current.useInsertionEffect(e,t)};a.useLayoutEffect=function(e,t){return p.current.useLayoutEffect(e,t)};a.useMemo=function(e,t){return p.current.useMemo(e,t)};a.useReducer=function(e,t,n){return p.current.useReducer(e,t,n)};a.useRef=function(e){return p.current.useRef(e)};a.useState=function(e){return p.current.useState(e)};a.useSyncExternalStore=function(e,t,n){return p.current.useSyncExternalStore(e,t,n)};a.useTransition=function(){return p.current.useTransition()};a.version="18.2.0"});var m=G((_t,ie)=>{"use strict";ie.exports=ae()});var Qe={};_e(Qe,{ComponentLifeCycle:()=>W,createBaseElementComponent:()=>T,createElementComponent:()=>H,createFloatingElementComponent:()=>Be,createFocusTrapElementComponent:()=>Ge,createFormFieldElementComponent:()=>Ve,forwardRef:()=>We,useBaseElementComponent:()=>$e,useDispatch:()=>Xe,useEventListener:()=>O,useIntersectionObserver:()=>Je,useLifeCycle:()=>j,useSafeRef:()=>ze,useWindowEventListener:()=>qe});var W=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(W||{});function x(...e){}var $=()=>({tc:{log:!0,onCatch:x},tcp:{log:!0,onCatch:x}});var Ce="abcdefghijklmnopqrstuvwxyz";var D="0123456789",Se="ABCDEFGHIJKLMNOPQRSTUVWXYZ",nt=D+Ce+Se,rt=D+"abcdef",ot=D+"ABCDEF";var X=/[^a-zA-Z]/g;var R=class{static module=$()};function v(e,t=R.module.tc.log){try{return e()}catch(n){return t&&console.error(n),R.module.tc.onCatch(n,t),n}}var M=class{static get(t){let n;return n=v(()=>process.env[t],!1),n instanceof Error?"":n||""}static has(t){let n;return n=v(()=>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 v(()=>process.env.JEST_WORKER_ID,!1)=="string"}static get isNotJest(){return typeof v(()=>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=v(()=>"production",!1),t instanceof Error?"":t||""}};function be(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 be(t)}var Me=new Set(["children","localName","ref","style","className"]),z=new WeakMap,Le=(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,i,u)=>{let l=z.get(c);l===void 0&&z.set(c,l=new Map);let f=l.get(i);u!==void 0?f===void 0?(l.set(i,f={handleEvent:u}),c.addEventListener(i,f)):f.handleEvent=u:f!==void 0&&(l.delete(i),c.removeEventListener(i,f))})(e,s,n)},w=({react:e,tagName:t,elementClass:n,events:r,displayName:o})=>{let s=new Set(Object.keys(r??{})),c=e.forwardRef((i,u)=>{let l=e.useRef(null),f=e.useRef(null),S={},B={};for(let[E,h]of Object.entries(i))Me.has(E)?S[E==="className"?"class":E]=h:s.has(E)||E in n.prototype?B[E]=h:S[E]=h;return e.useLayoutEffect(()=>{if(f.current!==null){for(let E in B)Le(f.current,E,i[E],l.current?l.current[E]:void 0,r);l.current=i}}),e.useLayoutEffect(()=>{var E;(E=f.current)===null||E===void 0||E.removeAttribute("defer-hydration")},[]),S.suppressHydrationWarning=!0,e.createElement(t,{...S,ref:E=>{f.current=E,typeof u=="function"?u(E):u!==null&&(u.current=E)}})});return c.displayName=o??n.name,c};var le=d(m(),1);var ue={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 H(e,t,n=[]){return w({elementClass:t,events:{...ue,...n.reduce((r,o)=>({...r,["on"+J(String(o))]:o}),{})},react:le.default,tagName:e})}function T(e,t,n=[]){return H(e,t,["attribute-change","state-change",...n])}function Be(e,t,n){return T(e,t,n)}function Ge(e,t,n=[]){return T(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Ve(e,t,n){return T(e,t,n)}var ce=d(m(),1);function We(...e){return(0,ce.forwardRef)(e[0])}var _=d(m(),1);var Ee=d(m(),1);function O(e,t,n,r=[]){(0,Ee.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function $e(e){let t=(0,_.useRef)(null),[,n]=(0,_.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,_.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var pe=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 Xe(e){let t=j(),n=(0,pe.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var y=d(m(),1);function Je(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]),i=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:i}}var fe=d(m(),1);function ze(e,t){return(0,fe.useRef)(M.isWindowDefined?document.createElement(e,t):{current:{}})}var me=d(m(),1);function qe(e,t,n=[]){(0,me.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}return Re(Qe);})();
 /*! Bundled license information:
 
 react/cjs/react.production.min.js:

package/package.json

@@ -48,7 +48,7 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "dependencies": {
     "@lit-labs/react": "^2.1.0"
   }