@aracna/react 1.0.14 → 1.0.16

package/definitions/props.d.ts

@@ -1,57 +1,57 @@
 import type { AccordionButtonElementAttributes, AccordionButtonElementEventMap, AccordionElementAttributes, AccordionElementEventMap, AccordionHeaderElementAttributes, AccordionHeaderElementEventMap, AccordionPanelElementAttributes, AccordionPanelElementEventMap, AccordionSectionElementAttributes, AccordionSectionElementEventMap, AlertDialogDescriptionElementAttributes, AlertDialogDescriptionElementEventMap, AlertDialogElementAttributes, AlertDialogElementEventMap, AlertDialogLabelElementAttributes, AlertDialogLabelElementEventMap, AlertElementAttributes, AlertElementEventMap, AriaAccordionButtonElementAttributes, AriaAccordionButtonElementEventMap, AriaAccordionElementAttributes, AriaAccordionElementEventMap, AriaAccordionHeaderElementAttributes, AriaAccordionHeaderElementEventMap, AriaAccordionPanelElementAttributes, AriaAccordionPanelElementEventMap, AriaAccordionSectionElementAttributes, AriaAccordionSectionElementEventMap, AriaAlertDialogDescriptionElementAttributes, AriaAlertDialogDescriptionElementEventMap, AriaAlertDialogElementAttributes, AriaAlertDialogElementEventMap, AriaAlertDialogLabelElementAttributes, AriaAlertDialogLabelElementEventMap, AriaAlertElementAttributes, AriaAlertElementEventMap, AriaBreadcrumbElementAttributes, AriaBreadcrumbElementEventMap, AriaBreadcrumbItemElementAttributes, AriaBreadcrumbItemElementEventMap, AriaBreadcrumbListElementAttributes, AriaBreadcrumbListElementEventMap, AriaButtonElementAttributes, AriaButtonElementEventMap, AriaCarouselElementAttributes, AriaCarouselElementEventMap, AriaCarouselNextSlideControlElementAttributes, AriaCarouselNextSlideControlElementEventMap, AriaCarouselPreviousSlideControlElementAttributes, AriaCarouselPreviousSlideControlElementEventMap, AriaCarouselRotationControlElementAttributes, AriaCarouselRotationControlElementEventMap, AriaCarouselSlideElementAttributes, AriaCarouselSlideElementEventMap, AriaCarouselSlidesElementAttributes, AriaCarouselSlidesElementEventMap, AriaCarouselTabElementAttributes, AriaCarouselTabElementEventMap, AriaCarouselTabsElementAttributes, AriaCarouselTabsElementEventMap, AriaCheckBoxElementAttributes, AriaCheckBoxElementEventMap, AriaComboBoxButtonElementAttributes, AriaComboBoxButtonElementEventMap, AriaComboBoxElementAttributes, AriaComboBoxElementEventMap, AriaComboBoxGroupElementAttributes, AriaComboBoxGroupElementEventMap, AriaComboBoxInputElementAttributes, AriaComboBoxInputElementEventMap, AriaComboBoxListElementAttributes, AriaComboBoxListElementEventMap, AriaComboBoxOptionElementAttributes, AriaComboBoxOptionElementEventMap, AriaDialogDescriptionElementAttributes, AriaDialogDescriptionElementEventMap, AriaDialogElementAttributes, AriaDialogElementEventMap, AriaDialogLabelElementAttributes, AriaDialogLabelElementEventMap, AriaDisclosureButtonElementAttributes, AriaDisclosureButtonElementEventMap, AriaDisclosureElementAttributes, AriaDisclosureElementEventMap, AriaDisclosurePanelElementAttributes, AriaDisclosurePanelElementEventMap, AriaDisclosureSectionElementAttributes, AriaDisclosureSectionElementEventMap, AriaFeedArticleDescriptionElementAttributes, AriaFeedArticleDescriptionElementEventMap, AriaFeedArticleElementAttributes, AriaFeedArticleElementEventMap, AriaFeedArticleLabelElementAttributes, AriaFeedArticleLabelElementEventMap, AriaFeedElementAttributes, AriaFeedElementEventMap, AriaLinkElementAttributes, AriaLinkElementEventMap, AriaListBoxElementAttributes, AriaListBoxElementEventMap, AriaListBoxOptionElementAttributes, AriaListBoxOptionElementEventMap, AriaMenuButtonElementAttributes, AriaMenuButtonElementEventMap, AriaMenuElementAttributes, AriaMenuElementEventMap, AriaMenuItemElementAttributes, AriaMenuItemElementEventMap, AriaMenuSubMenuElementAttributes, AriaMenuSubMenuElementEventMap, AriaMeterElementAttributes, AriaMeterElementEventMap, AriaRadioButtonElementAttributes, AriaRadioButtonElementEventMap, AriaRadioGroupElementAttributes, AriaRadioGroupElementEventMap, AriaSliderElementAttributes, AriaSliderElementEventMap, AriaSliderThumbElementAttributes, AriaSliderThumbElementEventMap, AriaSwitchElementAttributes, AriaSwitchElementEventMap, AriaTabsElementAttributes, AriaTabsElementEventMap, AriaTabsPanelElementAttributes, AriaTabsPanelElementEventMap, AriaTabsTabElementAttributes, AriaTabsTabElementEventMap, AriaTooltipArrowElementAttributes, AriaTooltipArrowElementEventMap, AriaTooltipContentElementAttributes, AriaTooltipContentElementEventMap, AriaTooltipElementAttributes, AriaTooltipElementEventMap, AriaTooltipTriggerElementAttributes, AriaTooltipTriggerElementEventMap, AvatarElementAttributes, AvatarElementEventMap, BadgeElementAttributes, BadgeElementEventMap, BreadcrumbElementAttributes, BreadcrumbElementEventMap, BreadcrumbItemElementAttributes, BreadcrumbItemElementEventMap, BreadcrumbListElementAttributes, BreadcrumbListElementEventMap, ButtonElementAttributes, ButtonElementEventMap, ButtonGroupElementAttributes, ButtonGroupElementEventMap, CarouselElementAttributes, CarouselElementEventMap, CarouselNextSlideControlElementAttributes, CarouselNextSlideControlElementEventMap, CarouselPreviousSlideControlElementAttributes, CarouselPreviousSlideControlElementEventMap, CarouselRotationControlElementAttributes, CarouselRotationControlElementEventMap, CarouselSlideElementAttributes, CarouselSlideElementEventMap, CarouselSlidesElementAttributes, CarouselSlidesElementEventMap, CarouselTabElementAttributes, CarouselTabElementEventMap, CarouselTabsElementAttributes, CarouselTabsElementEventMap, CheckBoxElementAttributes, CheckBoxElementEventMap, ChipElementAttributes, ChipElementEventMap, DialogDescriptionElementAttributes, DialogDescriptionElementEventMap, DialogElementAttributes, DialogElementEventMap, DialogLabelElementAttributes, DialogLabelElementEventMap, DisclosureButtonElementAttributes, DisclosureButtonElementEventMap, DisclosureElementAttributes, DisclosureElementEventMap, DisclosurePanelElementAttributes, DisclosurePanelElementEventMap, DisclosureSectionElementAttributes, DisclosureSectionElementEventMap, DividerElementAttributes, DividerElementEventMap, FeedArticleDescriptionElementAttributes, FeedArticleDescriptionElementEventMap, FeedArticleElementAttributes, FeedArticleElementEventMap, FeedArticleLabelElementAttributes, FeedArticleLabelElementEventMap, FeedElementAttributes, FeedElementEventMap, FormElementAttributes, FormElementEventMap, IconElementAttributes, IconElementEventMap, ImageElementAttributes, ImageElementEventMap, InputElementAttributes, InputElementEventMap, InputFileElementAttributes, InputFileElementEventMap, ListElementAttributes, ListElementEventMap, ListItemElementAttributes, ListItemElementEventMap, MenuButtonElementAttributes, MenuButtonElementEventMap, MenuElementAttributes, MenuElementEventMap, MenuItemElementAttributes, MenuItemElementEventMap, MenuSubMenuElementAttributes, MenuSubMenuElementEventMap, MeterElementAttributes, MeterElementEventMap, NavigationBarElementAttributes, NavigationBarElementEventMap, NavigationBarItemElementAttributes, NavigationBarItemElementEventMap, NavigationRailElementAttributes, NavigationRailElementEventMap, NavigationRailItemElementAttributes, NavigationRailItemElementEventMap, RadioButtonElementAttributes, RadioButtonElementEventMap, RadioGroupElementAttributes, RadioGroupElementEventMap, SelectButtonElementAttributes, SelectButtonElementEventMap, SelectElementAttributes, SelectElementEventMap, SelectGroupElementAttributes, SelectGroupElementEventMap, SelectInputElementAttributes, SelectInputElementEventMap, SelectListElementAttributes, SelectListElementEventMap, SelectOptionElementAttributes, SelectOptionElementEventMap, SliderElementAttributes, SliderElementEventMap, SliderThumbElementAttributes, SliderThumbElementEventMap, SwitchElementAttributes, SwitchElementEventMap, TabsElementAttributes, TabsElementEventMap, TabsPanelElementAttributes, TabsPanelElementEventMap, TabsTabElementAttributes, TabsTabElementEventMap, TextAreaElementAttributes, TextAreaElementEventMap, TooltipArrowElementAttributes, TooltipArrowElementEventMap, TooltipContentElementAttributes, TooltipContentElementEventMap, TooltipElementAttributes, TooltipElementEventMap, TooltipTriggerElementAttributes, TooltipTriggerElementEventMap } from '@aracna/web';
-import type { AvatarElement } from '@aracna/web-components/elements/data/avatar.element';
-import type { BadgeElement } from '@aracna/web-components/elements/data/badge.element';
-import type { CarouselElement, CarouselNextSlideControlElement, CarouselPreviousSlideControlElement, CarouselRotationControlElement, CarouselSlideElement, CarouselSlidesElement, CarouselTabElement, CarouselTabsElement } from '@aracna/web-components/elements/data/carousel.element';
-import type { ChipElement } from '@aracna/web-components/elements/data/chip.element';
-import type { FeedArticleDescriptionElement, FeedArticleElement, FeedArticleLabelElement, FeedElement } from '@aracna/web-components/elements/data/feed.element';
-import type { IconElement } from '@aracna/web-components/elements/data/icon.element';
-import type { ImageElement } from '@aracna/web-components/elements/data/image.element';
-import type { ListElement, ListItemElement } from '@aracna/web-components/elements/data/list.element';
-import type { TooltipArrowElement, TooltipContentElement, TooltipElement, TooltipTriggerElement } from '@aracna/web-components/elements/data/tooltip.element';
-import type { AlertDialogDescriptionElement, AlertDialogElement, AlertDialogLabelElement } from '@aracna/web-components/elements/feedback/alert.dialog.element';
-import type { AlertElement } from '@aracna/web-components/elements/feedback/alert.element';
-import type { DialogDescriptionElement, DialogElement, DialogLabelElement } from '@aracna/web-components/elements/feedback/dialog.element';
-import type { MeterElement } from '@aracna/web-components/elements/feedback/meter.element';
-import type { ButtonElement } from '@aracna/web-components/elements/input/button.element';
-import type { ButtonGroupElement } from '@aracna/web-components/elements/input/button.group.element';
-import type { CheckBoxElement } from '@aracna/web-components/elements/input/check.box.element';
-import type { FormElement } from '@aracna/web-components/elements/input/form.element';
-import type { InputElement } from '@aracna/web-components/elements/input/input.element';
-import type { InputFileElement } from '@aracna/web-components/elements/input/input.file.element';
-import type { RadioButtonElement, RadioGroupElement } from '@aracna/web-components/elements/input/radio.group.element';
-import type { SelectButtonElement, SelectElement, SelectGroupElement, SelectInputElement, SelectListElement, SelectOptionElement } from '@aracna/web-components/elements/input/select.element';
-import type { SliderElement, SliderThumbElement } from '@aracna/web-components/elements/input/slider.element';
-import type { SwitchElement } from '@aracna/web-components/elements/input/switch.element';
-import type { TextAreaElement } from '@aracna/web-components/elements/input/text.area.element';
-import type { DividerElement } from '@aracna/web-components/elements/layout/divider.element';
-import type { BreadcrumbElement, BreadcrumbItemElement, BreadcrumbListElement } from '@aracna/web-components/elements/navigation/breadcrumb.element';
-import type { MenuButtonElement, MenuElement, MenuItemElement, MenuSubMenuElement } from '@aracna/web-components/elements/navigation/menu.element';
-import type { NavigationBarElement, NavigationBarItemElement } from '@aracna/web-components/elements/navigation/navigation.bar.element';
-import type { NavigationRailElement, NavigationRailItemElement } from '@aracna/web-components/elements/navigation/navigation.rail.element';
-import type { TabsElement, TabsPanelElement, TabsTabElement } from '@aracna/web-components/elements/navigation/tabs.element';
-import type { AccordionButtonElement, AccordionElement, AccordionHeaderElement, AccordionPanelElement, AccordionSectionElement } from '@aracna/web-components/elements/surface/accordion.element';
-import type { DisclosureButtonElement, DisclosureElement, DisclosurePanelElement, DisclosureSectionElement } from '@aracna/web-components/elements/surface/disclosure.element';
-import type { AriaAccordionButtonElement, AriaAccordionElement, AriaAccordionHeaderElement, AriaAccordionPanelElement, AriaAccordionSectionElement } from '@aracna/web-components/elements/aria/aria.accordion.element';
-import type { AriaAlertDialogDescriptionElement, AriaAlertDialogElement, AriaAlertDialogLabelElement } from '@aracna/web-components/elements/aria/aria.alert.dialog.element';
-import type { AriaAlertElement } from '@aracna/web-components/elements/aria/aria.alert.element';
-import type { AriaBreadcrumbElement, AriaBreadcrumbItemElement, AriaBreadcrumbListElement } from '@aracna/web-components/elements/aria/aria.breadcrumb.element';
-import type { AriaButtonElement } from '@aracna/web-components/elements/aria/aria.button.element';
-import type { AriaCarouselElement, AriaCarouselNextSlideControlElement, AriaCarouselPreviousSlideControlElement, AriaCarouselRotationControlElement, AriaCarouselSlideElement, AriaCarouselSlidesElement, AriaCarouselTabElement, AriaCarouselTabsElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
-import type { AriaCheckBoxElement } from '@aracna/web-components/elements/aria/aria.check.box.element';
-import type { AriaComboBoxButtonElement, AriaComboBoxElement, AriaComboBoxGroupElement, AriaComboBoxInputElement, AriaComboBoxListElement, AriaComboBoxOptionElement } from '@aracna/web-components/elements/aria/aria.combo.box.element';
-import type { AriaDialogDescriptionElement, AriaDialogElement, AriaDialogLabelElement } from '@aracna/web-components/elements/aria/aria.dialog.element';
-import type { AriaDisclosureButtonElement, AriaDisclosureElement, AriaDisclosurePanelElement, AriaDisclosureSectionElement } from '@aracna/web-components/elements/aria/aria.disclosure.element';
-import type { AriaFeedArticleDescriptionElement, AriaFeedArticleElement, AriaFeedArticleLabelElement, AriaFeedElement } from '@aracna/web-components/elements/aria/aria.feed.element';
-import type { AriaLinkElement } from '@aracna/web-components/elements/aria/aria.link.element';
-import type { AriaListBoxElement, AriaListBoxOptionElement } from '@aracna/web-components/elements/aria/aria.list.box.element';
-import type { AriaMenuButtonElement, AriaMenuElement, AriaMenuItemElement, AriaMenuSubMenuElement } from '@aracna/web-components/elements/aria/aria.menu.element';
-import type { AriaMeterElement } from '@aracna/web-components/elements/aria/aria.meter.element';
-import type { AriaRadioButtonElement, AriaRadioGroupElement } from '@aracna/web-components/elements/aria/aria.radio.group.element';
-import type { AriaSliderElement, AriaSliderThumbElement } from '@aracna/web-components/elements/aria/aria.slider.element';
-import type { AriaSwitchElement } from '@aracna/web-components/elements/aria/aria.switch.element';
-import type { AriaTabsElement, AriaTabsPanelElement, AriaTabsTabElement } from '@aracna/web-components/elements/aria/aria.tabs.element';
-import type { AriaTooltipArrowElement, AriaTooltipContentElement, AriaTooltipElement, AriaTooltipTriggerElement } from '@aracna/web-components/elements/aria/aria.tooltip.element';
-import type { ElementComponentProps } from './types';
+import type { AvatarElement } from '@aracna/web-components/elements/data/avatar.element.js';
+import type { BadgeElement } from '@aracna/web-components/elements/data/badge.element.js';
+import type { CarouselElement, CarouselNextSlideControlElement, CarouselPreviousSlideControlElement, CarouselRotationControlElement, CarouselSlideElement, CarouselSlidesElement, CarouselTabElement, CarouselTabsElement } from '@aracna/web-components/elements/data/carousel.element.js';
+import type { ChipElement } from '@aracna/web-components/elements/data/chip.element.js';
+import type { FeedArticleDescriptionElement, FeedArticleElement, FeedArticleLabelElement, FeedElement } from '@aracna/web-components/elements/data/feed.element.js';
+import type { IconElement } from '@aracna/web-components/elements/data/icon.element.js';
+import type { ImageElement } from '@aracna/web-components/elements/data/image.element.js';
+import type { ListElement, ListItemElement } from '@aracna/web-components/elements/data/list.element.js';
+import type { TooltipArrowElement, TooltipContentElement, TooltipElement, TooltipTriggerElement } from '@aracna/web-components/elements/data/tooltip.element.js';
+import type { AlertDialogDescriptionElement, AlertDialogElement, AlertDialogLabelElement } from '@aracna/web-components/elements/feedback/alert.dialog.element.js';
+import type { AlertElement } from '@aracna/web-components/elements/feedback/alert.element.js';
+import type { DialogDescriptionElement, DialogElement, DialogLabelElement } from '@aracna/web-components/elements/feedback/dialog.element.js';
+import type { MeterElement } from '@aracna/web-components/elements/feedback/meter.element.js';
+import type { ButtonElement } from '@aracna/web-components/elements/input/button.element.js';
+import type { ButtonGroupElement } from '@aracna/web-components/elements/input/button.group.element.js';
+import type { CheckBoxElement } from '@aracna/web-components/elements/input/check.box.element.js';
+import type { FormElement } from '@aracna/web-components/elements/input/form.element.js';
+import type { InputElement } from '@aracna/web-components/elements/input/input.element.js';
+import type { InputFileElement } from '@aracna/web-components/elements/input/input.file.element.js';
+import type { RadioButtonElement, RadioGroupElement } from '@aracna/web-components/elements/input/radio.group.element.js';
+import type { SelectButtonElement, SelectElement, SelectGroupElement, SelectInputElement, SelectListElement, SelectOptionElement } from '@aracna/web-components/elements/input/select.element.js';
+import type { SliderElement, SliderThumbElement } from '@aracna/web-components/elements/input/slider.element.js';
+import type { SwitchElement } from '@aracna/web-components/elements/input/switch.element.js';
+import type { TextAreaElement } from '@aracna/web-components/elements/input/text.area.element.js';
+import type { DividerElement } from '@aracna/web-components/elements/layout/divider.element.js';
+import type { BreadcrumbElement, BreadcrumbItemElement, BreadcrumbListElement } from '@aracna/web-components/elements/navigation/breadcrumb.element.js';
+import type { MenuButtonElement, MenuElement, MenuItemElement, MenuSubMenuElement } from '@aracna/web-components/elements/navigation/menu.element.js';
+import type { NavigationBarElement, NavigationBarItemElement } from '@aracna/web-components/elements/navigation/navigation.bar.element.js';
+import type { NavigationRailElement, NavigationRailItemElement } from '@aracna/web-components/elements/navigation/navigation.rail.element.js';
+import type { TabsElement, TabsPanelElement, TabsTabElement } from '@aracna/web-components/elements/navigation/tabs.element.js';
+import type { AccordionButtonElement, AccordionElement, AccordionHeaderElement, AccordionPanelElement, AccordionSectionElement } from '@aracna/web-components/elements/surface/accordion.element.js';
+import type { DisclosureButtonElement, DisclosureElement, DisclosurePanelElement, DisclosureSectionElement } from '@aracna/web-components/elements/surface/disclosure.element.js';
+import type { AriaAccordionButtonElement, AriaAccordionElement, AriaAccordionHeaderElement, AriaAccordionPanelElement, AriaAccordionSectionElement } from '@aracna/web-components/elements/aria/aria.accordion.element.js';
+import type { AriaAlertDialogDescriptionElement, AriaAlertDialogElement, AriaAlertDialogLabelElement } from '@aracna/web-components/elements/aria/aria.alert.dialog.element.js';
+import type { AriaAlertElement } from '@aracna/web-components/elements/aria/aria.alert.element.js';
+import type { AriaBreadcrumbElement, AriaBreadcrumbItemElement, AriaBreadcrumbListElement } from '@aracna/web-components/elements/aria/aria.breadcrumb.element.js';
+import type { AriaButtonElement } from '@aracna/web-components/elements/aria/aria.button.element.js';
+import type { AriaCarouselElement, AriaCarouselNextSlideControlElement, AriaCarouselPreviousSlideControlElement, AriaCarouselRotationControlElement, AriaCarouselSlideElement, AriaCarouselSlidesElement, AriaCarouselTabElement, AriaCarouselTabsElement } from '@aracna/web-components/elements/aria/aria.carousel.element.js';
+import type { AriaCheckBoxElement } from '@aracna/web-components/elements/aria/aria.check.box.element.js';
+import type { AriaComboBoxButtonElement, AriaComboBoxElement, AriaComboBoxGroupElement, AriaComboBoxInputElement, AriaComboBoxListElement, AriaComboBoxOptionElement } from '@aracna/web-components/elements/aria/aria.combo.box.element.js';
+import type { AriaDialogDescriptionElement, AriaDialogElement, AriaDialogLabelElement } from '@aracna/web-components/elements/aria/aria.dialog.element.js';
+import type { AriaDisclosureButtonElement, AriaDisclosureElement, AriaDisclosurePanelElement, AriaDisclosureSectionElement } from '@aracna/web-components/elements/aria/aria.disclosure.element.js';
+import type { AriaFeedArticleDescriptionElement, AriaFeedArticleElement, AriaFeedArticleLabelElement, AriaFeedElement } from '@aracna/web-components/elements/aria/aria.feed.element.js';
+import type { AriaLinkElement } from '@aracna/web-components/elements/aria/aria.link.element.js';
+import type { AriaListBoxElement, AriaListBoxOptionElement } from '@aracna/web-components/elements/aria/aria.list.box.element.js';
+import type { AriaMenuButtonElement, AriaMenuElement, AriaMenuItemElement, AriaMenuSubMenuElement } from '@aracna/web-components/elements/aria/aria.menu.element.js';
+import type { AriaMeterElement } from '@aracna/web-components/elements/aria/aria.meter.element.js';
+import type { AriaRadioButtonElement, AriaRadioGroupElement } from '@aracna/web-components/elements/aria/aria.radio.group.element.js';
+import type { AriaSliderElement, AriaSliderThumbElement } from '@aracna/web-components/elements/aria/aria.slider.element.js';
+import type { AriaSwitchElement } from '@aracna/web-components/elements/aria/aria.switch.element.js';
+import type { AriaTabsElement, AriaTabsPanelElement, AriaTabsTabElement } from '@aracna/web-components/elements/aria/aria.tabs.element.js';
+import type { AriaTooltipArrowElement, AriaTooltipContentElement, AriaTooltipElement, AriaTooltipTriggerElement } from '@aracna/web-components/elements/aria/aria.tooltip.element.js';
+import type { ElementComponentProps } from './types.js';
 /**
  * ARIA Props
  */

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

@@ -1,6 +1,6 @@
 import { KeyOf } from '@aracna/core';
 import { BaseElementAttributes, BaseElementEventMap } from '@aracna/web';
-import { ElementComponent, ElementComponentProps } from '../definitions/types';
+import { ElementComponent, ElementComponentProps } from '../definitions/types.js';
 export declare function createBaseElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends BaseElementAttributes = BaseElementAttributes, Events extends BaseElementEventMap = BaseElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
     new (): Element;
 }, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;

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

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

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

@@ -1,5 +1,5 @@
 import { KeyOf } from '@aracna/core';
-import { ElementComponent, ElementComponentAttributes, ElementComponentEvents, ElementComponentProps } from '../definitions/types';
+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: {
     new (): Element;
 }, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;

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

@@ -1,6 +1,6 @@
 import { KeyOf } from '@aracna/core';
 import { FloatingElementAttributes, FloatingElementEventMap } from '@aracna/web';
-import { ElementComponent, ElementComponentProps } from '../definitions/types';
+import { ElementComponent, ElementComponentProps } from '../definitions/types.js';
 export declare function createFloatingElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends FloatingElementAttributes = FloatingElementAttributes, Events extends FloatingElementEventMap = FloatingElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
     new (): Element;
 }, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;

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

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

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

@@ -1,6 +1,6 @@
 import { KeyOf } from '@aracna/core';
 import { FocusTrapElementAttributes, FocusTrapElementEventMap } from '@aracna/web';
-import { ElementComponent, ElementComponentProps } from '../definitions/types';
+import { ElementComponent, ElementComponentProps } from '../definitions/types.js';
 export declare function createFocusTrapElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends FocusTrapElementAttributes = FocusTrapElementAttributes, Events extends FocusTrapElementEventMap = FocusTrapElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
     new (): Element;
 }, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;

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

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

package/functions/create.form.field.element.component.d.ts

@@ -1,6 +1,6 @@
 import { KeyOf } from '@aracna/core';
 import { FormFieldElementAttributes, FormFieldElementEventMap } from '@aracna/web';
-import { ElementComponent, ElementComponentProps } from '../definitions/types';
+import { ElementComponent, ElementComponentProps } from '../definitions/types.js';
 export declare function createFormFieldElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends FormFieldElementAttributes = FormFieldElementAttributes, Events extends FormFieldElementEventMap = FormFieldElementEventMap, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
     new (): Element;
 }, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;

package/functions/create.form.field.element.component.js

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

package/hooks/use.aracna.element.js

@@ -0,0 +1 @@
+import{useEffect as u,useReducer as s,useRef as c}from"react";import{useEventListener as n}from"./use.event.listener.js";function m(t){const e=c(null),[,r]=s(()=>({}),{}),i=a=>{t?.attribute?.dispatch===!0&&a.detail&&(t.attribute.blacklist&&t.attribute.blacklist.includes(a.detail.name)||t.attribute.whitelist&&!t.attribute.whitelist.includes(a.detail.name)||r())},l=a=>{t?.state?.dispatch===!0&&a.detail&&(t.state.blacklist&&t.state.blacklist.includes(a.detail.name)||t.state.whitelist&&!t.state.whitelist.includes(a.detail.name)||r())};return n(e,"attribute-changed",i,[e.current]),n(e,"state-changed",l,[e.current]),u(()=>r(),[e.current]),{element:e.current,ref:e}}export{m as useComponent};

package/hooks/use.dispatch.js

@@ -0,0 +1 @@
+import{useReducer as o}from"react";import{ComponentLifeCycle as e}from"../definitions/enums.js";import{useLifeCycle as s}from"./use.life.cycle.js";function f(r){const c=s(),t=o(()=>({}),{});return()=>{switch(c.current){case e.CONSTRUCTED:case e.UNMOUNTED:break;case e.MOUNTED:t[1](),r&&r();break}}}export{f as useDispatch};

package/hooks/use.life.cycle.d.ts

@@ -1,5 +1,5 @@
 import { MutableRefObject } from 'react';
-import { ComponentLifeCycle } from '../definitions/enums';
+import { ComponentLifeCycle } from '../definitions/enums.js';
 /**
  * Returns the life cycle of a component.
  *

package/hooks/use.life.cycle.js

@@ -0,0 +1 @@
+import{useEffect as n,useRef as o}from"react";import{ComponentLifeCycle as t}from"../definitions/enums.js";function u(){const e=o(t.CONSTRUCTED);return n(()=>(e.current=t.MOUNTED,()=>{e.current=t.UNMOUNTED})),e}export{u as useLifeCycle};

package/index.cjs

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

package/index.d.ts

@@ -1,414 +1,414 @@
-import type { AccordionButtonElement } from '@aracna/web-components/elements/surface/accordion.element';
+import type { AccordionButtonElement } from '@aracna/web-components/elements/surface/accordion.element.js';
 import type { AccordionButtonElementAttributes } from '@aracna/web';
 import type { AccordionButtonElementEventMap } from '@aracna/web';
-import type { AccordionElement } from '@aracna/web-components/elements/surface/accordion.element';
+import type { AccordionElement } from '@aracna/web-components/elements/surface/accordion.element.js';
 import type { AccordionElementAttributes } from '@aracna/web';
 import type { AccordionElementEventMap } from '@aracna/web';
-import type { AccordionHeaderElement } from '@aracna/web-components/elements/surface/accordion.element';
+import type { AccordionHeaderElement } from '@aracna/web-components/elements/surface/accordion.element.js';
 import type { AccordionHeaderElementAttributes } from '@aracna/web';
 import type { AccordionHeaderElementEventMap } from '@aracna/web';
-import type { AccordionPanelElement } from '@aracna/web-components/elements/surface/accordion.element';
+import type { AccordionPanelElement } from '@aracna/web-components/elements/surface/accordion.element.js';
 import type { AccordionPanelElementAttributes } from '@aracna/web';
 import type { AccordionPanelElementEventMap } from '@aracna/web';
-import type { AccordionSectionElement } from '@aracna/web-components/elements/surface/accordion.element';
+import type { AccordionSectionElement } from '@aracna/web-components/elements/surface/accordion.element.js';
 import type { AccordionSectionElementAttributes } from '@aracna/web';
 import type { AccordionSectionElementEventMap } from '@aracna/web';
-import type { AlertDialogDescriptionElement } from '@aracna/web-components/elements/feedback/alert.dialog.element';
+import type { AlertDialogDescriptionElement } from '@aracna/web-components/elements/feedback/alert.dialog.element.js';
 import type { AlertDialogDescriptionElementAttributes } from '@aracna/web';
 import type { AlertDialogDescriptionElementEventMap } from '@aracna/web';
-import type { AlertDialogElement } from '@aracna/web-components/elements/feedback/alert.dialog.element';
+import type { AlertDialogElement } from '@aracna/web-components/elements/feedback/alert.dialog.element.js';
 import type { AlertDialogElementAttributes } from '@aracna/web';
 import type { AlertDialogElementEventMap } from '@aracna/web';
-import type { AlertDialogLabelElement } from '@aracna/web-components/elements/feedback/alert.dialog.element';
+import type { AlertDialogLabelElement } from '@aracna/web-components/elements/feedback/alert.dialog.element.js';
 import type { AlertDialogLabelElementAttributes } from '@aracna/web';
 import type { AlertDialogLabelElementEventMap } from '@aracna/web';
-import type { AlertElement } from '@aracna/web-components/elements/feedback/alert.element';
+import type { AlertElement } from '@aracna/web-components/elements/feedback/alert.element.js';
 import type { AlertElementAttributes } from '@aracna/web';
 import type { AlertElementEventMap } from '@aracna/web';
-import type { AriaAccordionButtonElement } from '@aracna/web-components/elements/aria/aria.accordion.element';
+import type { AriaAccordionButtonElement } from '@aracna/web-components/elements/aria/aria.accordion.element.js';
 import type { AriaAccordionButtonElementAttributes } from '@aracna/web';
 import type { AriaAccordionButtonElementEventMap } from '@aracna/web';
-import type { AriaAccordionElement } from '@aracna/web-components/elements/aria/aria.accordion.element';
+import type { AriaAccordionElement } from '@aracna/web-components/elements/aria/aria.accordion.element.js';
 import type { AriaAccordionElementAttributes } from '@aracna/web';
 import type { AriaAccordionElementEventMap } from '@aracna/web';
-import type { AriaAccordionHeaderElement } from '@aracna/web-components/elements/aria/aria.accordion.element';
+import type { AriaAccordionHeaderElement } from '@aracna/web-components/elements/aria/aria.accordion.element.js';
 import type { AriaAccordionHeaderElementAttributes } from '@aracna/web';
 import type { AriaAccordionHeaderElementEventMap } from '@aracna/web';
-import type { AriaAccordionPanelElement } from '@aracna/web-components/elements/aria/aria.accordion.element';
+import type { AriaAccordionPanelElement } from '@aracna/web-components/elements/aria/aria.accordion.element.js';
 import type { AriaAccordionPanelElementAttributes } from '@aracna/web';
 import type { AriaAccordionPanelElementEventMap } from '@aracna/web';
-import type { AriaAccordionSectionElement } from '@aracna/web-components/elements/aria/aria.accordion.element';
+import type { AriaAccordionSectionElement } from '@aracna/web-components/elements/aria/aria.accordion.element.js';
 import type { AriaAccordionSectionElementAttributes } from '@aracna/web';
 import type { AriaAccordionSectionElementEventMap } from '@aracna/web';
-import type { AriaAlertDialogDescriptionElement } from '@aracna/web-components/elements/aria/aria.alert.dialog.element';
+import type { AriaAlertDialogDescriptionElement } from '@aracna/web-components/elements/aria/aria.alert.dialog.element.js';
 import type { AriaAlertDialogDescriptionElementAttributes } from '@aracna/web';
 import type { AriaAlertDialogDescriptionElementEventMap } from '@aracna/web';
-import type { AriaAlertDialogElement } from '@aracna/web-components/elements/aria/aria.alert.dialog.element';
+import type { AriaAlertDialogElement } from '@aracna/web-components/elements/aria/aria.alert.dialog.element.js';
 import type { AriaAlertDialogElementAttributes } from '@aracna/web';
 import type { AriaAlertDialogElementEventMap } from '@aracna/web';
-import type { AriaAlertDialogLabelElement } from '@aracna/web-components/elements/aria/aria.alert.dialog.element';
+import type { AriaAlertDialogLabelElement } from '@aracna/web-components/elements/aria/aria.alert.dialog.element.js';
 import type { AriaAlertDialogLabelElementAttributes } from '@aracna/web';
 import type { AriaAlertDialogLabelElementEventMap } from '@aracna/web';
-import type { AriaAlertElement } from '@aracna/web-components/elements/aria/aria.alert.element';
+import type { AriaAlertElement } from '@aracna/web-components/elements/aria/aria.alert.element.js';
 import type { AriaAlertElementAttributes } from '@aracna/web';
 import type { AriaAlertElementEventMap } from '@aracna/web';
-import type { AriaBreadcrumbElement } from '@aracna/web-components/elements/aria/aria.breadcrumb.element';
+import type { AriaBreadcrumbElement } from '@aracna/web-components/elements/aria/aria.breadcrumb.element.js';
 import type { AriaBreadcrumbElementAttributes } from '@aracna/web';
 import type { AriaBreadcrumbElementEventMap } from '@aracna/web';
-import type { AriaBreadcrumbItemElement } from '@aracna/web-components/elements/aria/aria.breadcrumb.element';
+import type { AriaBreadcrumbItemElement } from '@aracna/web-components/elements/aria/aria.breadcrumb.element.js';
 import type { AriaBreadcrumbItemElementAttributes } from '@aracna/web';
 import type { AriaBreadcrumbItemElementEventMap } from '@aracna/web';
-import type { AriaBreadcrumbListElement } from '@aracna/web-components/elements/aria/aria.breadcrumb.element';
+import type { AriaBreadcrumbListElement } from '@aracna/web-components/elements/aria/aria.breadcrumb.element.js';
 import type { AriaBreadcrumbListElementAttributes } from '@aracna/web';
 import type { AriaBreadcrumbListElementEventMap } from '@aracna/web';
-import type { AriaButtonElement } from '@aracna/web-components/elements/aria/aria.button.element';
+import type { AriaButtonElement } from '@aracna/web-components/elements/aria/aria.button.element.js';
 import type { AriaButtonElementAttributes } from '@aracna/web';
 import type { AriaButtonElementEventMap } from '@aracna/web';
-import type { AriaCarouselElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
+import type { AriaCarouselElement } from '@aracna/web-components/elements/aria/aria.carousel.element.js';
 import type { AriaCarouselElementAttributes } from '@aracna/web';
 import type { AriaCarouselElementEventMap } from '@aracna/web';
-import type { AriaCarouselNextSlideControlElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
+import type { AriaCarouselNextSlideControlElement } from '@aracna/web-components/elements/aria/aria.carousel.element.js';
 import type { AriaCarouselNextSlideControlElementAttributes } from '@aracna/web';
 import type { AriaCarouselNextSlideControlElementEventMap } from '@aracna/web';
-import type { AriaCarouselPreviousSlideControlElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
+import type { AriaCarouselPreviousSlideControlElement } from '@aracna/web-components/elements/aria/aria.carousel.element.js';
 import type { AriaCarouselPreviousSlideControlElementAttributes } from '@aracna/web';
 import type { AriaCarouselPreviousSlideControlElementEventMap } from '@aracna/web';
-import type { AriaCarouselRotationControlElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
+import type { AriaCarouselRotationControlElement } from '@aracna/web-components/elements/aria/aria.carousel.element.js';
 import type { AriaCarouselRotationControlElementAttributes } from '@aracna/web';
 import type { AriaCarouselRotationControlElementEventMap } from '@aracna/web';
-import type { AriaCarouselSlideElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
+import type { AriaCarouselSlideElement } from '@aracna/web-components/elements/aria/aria.carousel.element.js';
 import type { AriaCarouselSlideElementAttributes } from '@aracna/web';
 import type { AriaCarouselSlideElementEventMap } from '@aracna/web';
-import type { AriaCarouselSlidesElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
+import type { AriaCarouselSlidesElement } from '@aracna/web-components/elements/aria/aria.carousel.element.js';
 import type { AriaCarouselSlidesElementAttributes } from '@aracna/web';
 import type { AriaCarouselSlidesElementEventMap } from '@aracna/web';
-import type { AriaCarouselTabElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
+import type { AriaCarouselTabElement } from '@aracna/web-components/elements/aria/aria.carousel.element.js';
 import type { AriaCarouselTabElementAttributes } from '@aracna/web';
 import type { AriaCarouselTabElementEventMap } from '@aracna/web';
-import type { AriaCarouselTabsElement } from '@aracna/web-components/elements/aria/aria.carousel.element';
+import type { AriaCarouselTabsElement } from '@aracna/web-components/elements/aria/aria.carousel.element.js';
 import type { AriaCarouselTabsElementAttributes } from '@aracna/web';
 import type { AriaCarouselTabsElementEventMap } from '@aracna/web';
-import type { AriaCheckBoxElement } from '@aracna/web-components/elements/aria/aria.check.box.element';
+import type { AriaCheckBoxElement } from '@aracna/web-components/elements/aria/aria.check.box.element.js';
 import type { AriaCheckBoxElementAttributes } from '@aracna/web';
 import type { AriaCheckBoxElementEventMap } from '@aracna/web';
-import type { AriaComboBoxButtonElement } from '@aracna/web-components/elements/aria/aria.combo.box.element';
+import type { AriaComboBoxButtonElement } from '@aracna/web-components/elements/aria/aria.combo.box.element.js';
 import type { AriaComboBoxButtonElementAttributes } from '@aracna/web';
 import type { AriaComboBoxButtonElementEventMap } from '@aracna/web';
-import type { AriaComboBoxElement } from '@aracna/web-components/elements/aria/aria.combo.box.element';
+import type { AriaComboBoxElement } from '@aracna/web-components/elements/aria/aria.combo.box.element.js';
 import type { AriaComboBoxElementAttributes } from '@aracna/web';
 import type { AriaComboBoxElementEventMap } from '@aracna/web';
-import type { AriaComboBoxGroupElement } from '@aracna/web-components/elements/aria/aria.combo.box.element';
+import type { AriaComboBoxGroupElement } from '@aracna/web-components/elements/aria/aria.combo.box.element.js';
 import type { AriaComboBoxGroupElementAttributes } from '@aracna/web';
 import type { AriaComboBoxGroupElementEventMap } from '@aracna/web';
-import type { AriaComboBoxInputElement } from '@aracna/web-components/elements/aria/aria.combo.box.element';
+import type { AriaComboBoxInputElement } from '@aracna/web-components/elements/aria/aria.combo.box.element.js';
 import type { AriaComboBoxInputElementAttributes } from '@aracna/web';
 import type { AriaComboBoxInputElementEventMap } from '@aracna/web';
-import type { AriaComboBoxListElement } from '@aracna/web-components/elements/aria/aria.combo.box.element';
+import type { AriaComboBoxListElement } from '@aracna/web-components/elements/aria/aria.combo.box.element.js';
 import type { AriaComboBoxListElementAttributes } from '@aracna/web';
 import type { AriaComboBoxListElementEventMap } from '@aracna/web';
-import type { AriaComboBoxOptionElement } from '@aracna/web-components/elements/aria/aria.combo.box.element';
+import type { AriaComboBoxOptionElement } from '@aracna/web-components/elements/aria/aria.combo.box.element.js';
 import type { AriaComboBoxOptionElementAttributes } from '@aracna/web';
 import type { AriaComboBoxOptionElementEventMap } from '@aracna/web';
-import type { AriaDialogDescriptionElement } from '@aracna/web-components/elements/aria/aria.dialog.element';
+import type { AriaDialogDescriptionElement } from '@aracna/web-components/elements/aria/aria.dialog.element.js';
 import type { AriaDialogDescriptionElementAttributes } from '@aracna/web';
 import type { AriaDialogDescriptionElementEventMap } from '@aracna/web';
-import type { AriaDialogElement } from '@aracna/web-components/elements/aria/aria.dialog.element';
+import type { AriaDialogElement } from '@aracna/web-components/elements/aria/aria.dialog.element.js';
 import type { AriaDialogElementAttributes } from '@aracna/web';
 import type { AriaDialogElementEventMap } from '@aracna/web';
-import type { AriaDialogLabelElement } from '@aracna/web-components/elements/aria/aria.dialog.element';
+import type { AriaDialogLabelElement } from '@aracna/web-components/elements/aria/aria.dialog.element.js';
 import type { AriaDialogLabelElementAttributes } from '@aracna/web';
 import type { AriaDialogLabelElementEventMap } from '@aracna/web';
-import type { AriaDisclosureButtonElement } from '@aracna/web-components/elements/aria/aria.disclosure.element';
+import type { AriaDisclosureButtonElement } from '@aracna/web-components/elements/aria/aria.disclosure.element.js';
 import type { AriaDisclosureButtonElementAttributes } from '@aracna/web';
 import type { AriaDisclosureButtonElementEventMap } from '@aracna/web';
-import type { AriaDisclosureElement } from '@aracna/web-components/elements/aria/aria.disclosure.element';
+import type { AriaDisclosureElement } from '@aracna/web-components/elements/aria/aria.disclosure.element.js';
 import type { AriaDisclosureElementAttributes } from '@aracna/web';
 import type { AriaDisclosureElementEventMap } from '@aracna/web';
-import type { AriaDisclosurePanelElement } from '@aracna/web-components/elements/aria/aria.disclosure.element';
+import type { AriaDisclosurePanelElement } from '@aracna/web-components/elements/aria/aria.disclosure.element.js';
 import type { AriaDisclosurePanelElementAttributes } from '@aracna/web';
 import type { AriaDisclosurePanelElementEventMap } from '@aracna/web';
-import type { AriaDisclosureSectionElement } from '@aracna/web-components/elements/aria/aria.disclosure.element';
+import type { AriaDisclosureSectionElement } from '@aracna/web-components/elements/aria/aria.disclosure.element.js';
 import type { AriaDisclosureSectionElementAttributes } from '@aracna/web';
 import type { AriaDisclosureSectionElementEventMap } from '@aracna/web';
-import type { AriaFeedArticleDescriptionElement } from '@aracna/web-components/elements/aria/aria.feed.element';
+import type { AriaFeedArticleDescriptionElement } from '@aracna/web-components/elements/aria/aria.feed.element.js';
 import type { AriaFeedArticleDescriptionElementAttributes } from '@aracna/web';
 import type { AriaFeedArticleDescriptionElementEventMap } from '@aracna/web';
-import type { AriaFeedArticleElement } from '@aracna/web-components/elements/aria/aria.feed.element';
+import type { AriaFeedArticleElement } from '@aracna/web-components/elements/aria/aria.feed.element.js';
 import type { AriaFeedArticleElementAttributes } from '@aracna/web';
 import type { AriaFeedArticleElementEventMap } from '@aracna/web';
-import type { AriaFeedArticleLabelElement } from '@aracna/web-components/elements/aria/aria.feed.element';
+import type { AriaFeedArticleLabelElement } from '@aracna/web-components/elements/aria/aria.feed.element.js';
 import type { AriaFeedArticleLabelElementAttributes } from '@aracna/web';
 import type { AriaFeedArticleLabelElementEventMap } from '@aracna/web';
-import type { AriaFeedElement } from '@aracna/web-components/elements/aria/aria.feed.element';
+import type { AriaFeedElement } from '@aracna/web-components/elements/aria/aria.feed.element.js';
 import type { AriaFeedElementAttributes } from '@aracna/web';
 import type { AriaFeedElementEventMap } from '@aracna/web';
-import type { AriaLinkElement } from '@aracna/web-components/elements/aria/aria.link.element';
+import type { AriaLinkElement } from '@aracna/web-components/elements/aria/aria.link.element.js';
 import type { AriaLinkElementAttributes } from '@aracna/web';
 import type { AriaLinkElementEventMap } from '@aracna/web';
-import type { AriaListBoxElement } from '@aracna/web-components/elements/aria/aria.list.box.element';
+import type { AriaListBoxElement } from '@aracna/web-components/elements/aria/aria.list.box.element.js';
 import type { AriaListBoxElementAttributes } from '@aracna/web';
 import type { AriaListBoxElementEventMap } from '@aracna/web';
-import type { AriaListBoxOptionElement } from '@aracna/web-components/elements/aria/aria.list.box.element';
+import type { AriaListBoxOptionElement } from '@aracna/web-components/elements/aria/aria.list.box.element.js';
 import type { AriaListBoxOptionElementAttributes } from '@aracna/web';
 import type { AriaListBoxOptionElementEventMap } from '@aracna/web';
-import type { AriaMenuButtonElement } from '@aracna/web-components/elements/aria/aria.menu.element';
+import type { AriaMenuButtonElement } from '@aracna/web-components/elements/aria/aria.menu.element.js';
 import type { AriaMenuButtonElementAttributes } from '@aracna/web';
 import type { AriaMenuButtonElementEventMap } from '@aracna/web';
-import type { AriaMenuElement } from '@aracna/web-components/elements/aria/aria.menu.element';
+import type { AriaMenuElement } from '@aracna/web-components/elements/aria/aria.menu.element.js';
 import type { AriaMenuElementAttributes } from '@aracna/web';
 import type { AriaMenuElementEventMap } from '@aracna/web';
-import type { AriaMenuItemElement } from '@aracna/web-components/elements/aria/aria.menu.element';
+import type { AriaMenuItemElement } from '@aracna/web-components/elements/aria/aria.menu.element.js';
 import type { AriaMenuItemElementAttributes } from '@aracna/web';
 import type { AriaMenuItemElementEventMap } from '@aracna/web';
-import type { AriaMenuSubMenuElement } from '@aracna/web-components/elements/aria/aria.menu.element';
+import type { AriaMenuSubMenuElement } from '@aracna/web-components/elements/aria/aria.menu.element.js';
 import type { AriaMenuSubMenuElementAttributes } from '@aracna/web';
 import type { AriaMenuSubMenuElementEventMap } from '@aracna/web';
-import type { AriaMeterElement } from '@aracna/web-components/elements/aria/aria.meter.element';
+import type { AriaMeterElement } from '@aracna/web-components/elements/aria/aria.meter.element.js';
 import type { AriaMeterElementAttributes } from '@aracna/web';
 import type { AriaMeterElementEventMap } from '@aracna/web';
-import type { AriaRadioButtonElement } from '@aracna/web-components/elements/aria/aria.radio.group.element';
+import type { AriaRadioButtonElement } from '@aracna/web-components/elements/aria/aria.radio.group.element.js';
 import type { AriaRadioButtonElementAttributes } from '@aracna/web';
 import type { AriaRadioButtonElementEventMap } from '@aracna/web';
-import type { AriaRadioGroupElement } from '@aracna/web-components/elements/aria/aria.radio.group.element';
+import type { AriaRadioGroupElement } from '@aracna/web-components/elements/aria/aria.radio.group.element.js';
 import type { AriaRadioGroupElementAttributes } from '@aracna/web';
 import type { AriaRadioGroupElementEventMap } from '@aracna/web';
-import type { AriaSliderElement } from '@aracna/web-components/elements/aria/aria.slider.element';
+import type { AriaSliderElement } from '@aracna/web-components/elements/aria/aria.slider.element.js';
 import type { AriaSliderElementAttributes } from '@aracna/web';
 import type { AriaSliderElementEventMap } from '@aracna/web';
-import type { AriaSliderThumbElement } from '@aracna/web-components/elements/aria/aria.slider.element';
+import type { AriaSliderThumbElement } from '@aracna/web-components/elements/aria/aria.slider.element.js';
 import type { AriaSliderThumbElementAttributes } from '@aracna/web';
 import type { AriaSliderThumbElementEventMap } from '@aracna/web';
-import type { AriaSwitchElement } from '@aracna/web-components/elements/aria/aria.switch.element';
+import type { AriaSwitchElement } from '@aracna/web-components/elements/aria/aria.switch.element.js';
 import type { AriaSwitchElementAttributes } from '@aracna/web';
 import type { AriaSwitchElementEventMap } from '@aracna/web';
-import type { AriaTabsElement } from '@aracna/web-components/elements/aria/aria.tabs.element';
+import type { AriaTabsElement } from '@aracna/web-components/elements/aria/aria.tabs.element.js';
 import type { AriaTabsElementAttributes } from '@aracna/web';
 import type { AriaTabsElementEventMap } from '@aracna/web';
-import type { AriaTabsPanelElement } from '@aracna/web-components/elements/aria/aria.tabs.element';
+import type { AriaTabsPanelElement } from '@aracna/web-components/elements/aria/aria.tabs.element.js';
 import type { AriaTabsPanelElementAttributes } from '@aracna/web';
 import type { AriaTabsPanelElementEventMap } from '@aracna/web';
-import type { AriaTabsTabElement } from '@aracna/web-components/elements/aria/aria.tabs.element';
+import type { AriaTabsTabElement } from '@aracna/web-components/elements/aria/aria.tabs.element.js';
 import type { AriaTabsTabElementAttributes } from '@aracna/web';
 import type { AriaTabsTabElementEventMap } from '@aracna/web';
-import type { AriaTooltipArrowElement } from '@aracna/web-components/elements/aria/aria.tooltip.element';
+import type { AriaTooltipArrowElement } from '@aracna/web-components/elements/aria/aria.tooltip.element.js';
 import type { AriaTooltipArrowElementAttributes } from '@aracna/web';
 import type { AriaTooltipArrowElementEventMap } from '@aracna/web';
-import type { AriaTooltipContentElement } from '@aracna/web-components/elements/aria/aria.tooltip.element';
+import type { AriaTooltipContentElement } from '@aracna/web-components/elements/aria/aria.tooltip.element.js';
 import type { AriaTooltipContentElementAttributes } from '@aracna/web';
 import type { AriaTooltipContentElementEventMap } from '@aracna/web';
-import type { AriaTooltipElement } from '@aracna/web-components/elements/aria/aria.tooltip.element';
+import type { AriaTooltipElement } from '@aracna/web-components/elements/aria/aria.tooltip.element.js';
 import type { AriaTooltipElementAttributes } from '@aracna/web';
 import type { AriaTooltipElementEventMap } from '@aracna/web';
-import type { AriaTooltipTriggerElement } from '@aracna/web-components/elements/aria/aria.tooltip.element';
+import type { AriaTooltipTriggerElement } from '@aracna/web-components/elements/aria/aria.tooltip.element.js';
 import type { AriaTooltipTriggerElementAttributes } from '@aracna/web';
 import type { AriaTooltipTriggerElementEventMap } from '@aracna/web';
-import type { AvatarElement } from '@aracna/web-components/elements/data/avatar.element';
+import type { AvatarElement } from '@aracna/web-components/elements/data/avatar.element.js';
 import type { AvatarElementAttributes } from '@aracna/web';
 import type { AvatarElementEventMap } from '@aracna/web';
-import type { BadgeElement } from '@aracna/web-components/elements/data/badge.element';
+import type { BadgeElement } from '@aracna/web-components/elements/data/badge.element.js';
 import type { BadgeElementAttributes } from '@aracna/web';
 import type { BadgeElementEventMap } from '@aracna/web';
 import { BaseElementAttributes } from '@aracna/web';
 import { BaseElementEventMap } from '@aracna/web';
-import type { BreadcrumbElement } from '@aracna/web-components/elements/navigation/breadcrumb.element';
+import type { BreadcrumbElement } from '@aracna/web-components/elements/navigation/breadcrumb.element.js';
 import type { BreadcrumbElementAttributes } from '@aracna/web';
 import type { BreadcrumbElementEventMap } from '@aracna/web';
-import type { BreadcrumbItemElement } from '@aracna/web-components/elements/navigation/breadcrumb.element';
+import type { BreadcrumbItemElement } from '@aracna/web-components/elements/navigation/breadcrumb.element.js';
 import type { BreadcrumbItemElementAttributes } from '@aracna/web';
 import type { BreadcrumbItemElementEventMap } from '@aracna/web';
-import type { BreadcrumbListElement } from '@aracna/web-components/elements/navigation/breadcrumb.element';
+import type { BreadcrumbListElement } from '@aracna/web-components/elements/navigation/breadcrumb.element.js';
 import type { BreadcrumbListElementAttributes } from '@aracna/web';
 import type { BreadcrumbListElementEventMap } from '@aracna/web';
-import type { ButtonElement } from '@aracna/web-components/elements/input/button.element';
+import type { ButtonElement } from '@aracna/web-components/elements/input/button.element.js';
 import type { ButtonElementAttributes } from '@aracna/web';
 import type { ButtonElementEventMap } from '@aracna/web';
-import type { ButtonGroupElement } from '@aracna/web-components/elements/input/button.group.element';
+import type { ButtonGroupElement } from '@aracna/web-components/elements/input/button.group.element.js';
 import type { ButtonGroupElementAttributes } from '@aracna/web';
 import type { ButtonGroupElementEventMap } from '@aracna/web';
-import type { CarouselElement } from '@aracna/web-components/elements/data/carousel.element';
+import type { CarouselElement } from '@aracna/web-components/elements/data/carousel.element.js';
 import type { CarouselElementAttributes } from '@aracna/web';
 import type { CarouselElementEventMap } from '@aracna/web';
-import type { CarouselNextSlideControlElement } from '@aracna/web-components/elements/data/carousel.element';
+import type { CarouselNextSlideControlElement } from '@aracna/web-components/elements/data/carousel.element.js';
 import type { CarouselNextSlideControlElementAttributes } from '@aracna/web';
 import type { CarouselNextSlideControlElementEventMap } from '@aracna/web';
-import type { CarouselPreviousSlideControlElement } from '@aracna/web-components/elements/data/carousel.element';
+import type { CarouselPreviousSlideControlElement } from '@aracna/web-components/elements/data/carousel.element.js';
 import type { CarouselPreviousSlideControlElementAttributes } from '@aracna/web';
 import type { CarouselPreviousSlideControlElementEventMap } from '@aracna/web';
-import type { CarouselRotationControlElement } from '@aracna/web-components/elements/data/carousel.element';
+import type { CarouselRotationControlElement } from '@aracna/web-components/elements/data/carousel.element.js';
 import type { CarouselRotationControlElementAttributes } from '@aracna/web';
 import type { CarouselRotationControlElementEventMap } from '@aracna/web';
-import type { CarouselSlideElement } from '@aracna/web-components/elements/data/carousel.element';
+import type { CarouselSlideElement } from '@aracna/web-components/elements/data/carousel.element.js';
 import type { CarouselSlideElementAttributes } from '@aracna/web';
 import type { CarouselSlideElementEventMap } from '@aracna/web';
-import type { CarouselSlidesElement } from '@aracna/web-components/elements/data/carousel.element';
+import type { CarouselSlidesElement } from '@aracna/web-components/elements/data/carousel.element.js';
 import type { CarouselSlidesElementAttributes } from '@aracna/web';
 import type { CarouselSlidesElementEventMap } from '@aracna/web';
-import type { CarouselTabElement } from '@aracna/web-components/elements/data/carousel.element';
+import type { CarouselTabElement } from '@aracna/web-components/elements/data/carousel.element.js';
 import type { CarouselTabElementAttributes } from '@aracna/web';
 import type { CarouselTabElementEventMap } from '@aracna/web';
-import type { CarouselTabsElement } from '@aracna/web-components/elements/data/carousel.element';
+import type { CarouselTabsElement } from '@aracna/web-components/elements/data/carousel.element.js';
 import type { CarouselTabsElementAttributes } from '@aracna/web';
 import type { CarouselTabsElementEventMap } from '@aracna/web';
-import type { CheckBoxElement } from '@aracna/web-components/elements/input/check.box.element';
+import type { CheckBoxElement } from '@aracna/web-components/elements/input/check.box.element.js';
 import type { CheckBoxElementAttributes } from '@aracna/web';
 import type { CheckBoxElementEventMap } from '@aracna/web';
-import type { ChipElement } from '@aracna/web-components/elements/data/chip.element';
+import type { ChipElement } from '@aracna/web-components/elements/data/chip.element.js';
 import type { ChipElementAttributes } from '@aracna/web';
 import type { ChipElementEventMap } from '@aracna/web';
 import { DependencyList } from 'react';
-import type { DialogDescriptionElement } from '@aracna/web-components/elements/feedback/dialog.element';
+import type { DialogDescriptionElement } from '@aracna/web-components/elements/feedback/dialog.element.js';
 import type { DialogDescriptionElementAttributes } from '@aracna/web';
 import type { DialogDescriptionElementEventMap } from '@aracna/web';
-import type { DialogElement } from '@aracna/web-components/elements/feedback/dialog.element';
+import type { DialogElement } from '@aracna/web-components/elements/feedback/dialog.element.js';
 import type { DialogElementAttributes } from '@aracna/web';
 import type { DialogElementEventMap } from '@aracna/web';
-import type { DialogLabelElement } from '@aracna/web-components/elements/feedback/dialog.element';
+import type { DialogLabelElement } from '@aracna/web-components/elements/feedback/dialog.element.js';
 import type { DialogLabelElementAttributes } from '@aracna/web';
 import type { DialogLabelElementEventMap } from '@aracna/web';
-import type { DisclosureButtonElement } from '@aracna/web-components/elements/surface/disclosure.element';
+import type { DisclosureButtonElement } from '@aracna/web-components/elements/surface/disclosure.element.js';
 import type { DisclosureButtonElementAttributes } from '@aracna/web';
 import type { DisclosureButtonElementEventMap } from '@aracna/web';
-import type { DisclosureElement } from '@aracna/web-components/elements/surface/disclosure.element';
+import type { DisclosureElement } from '@aracna/web-components/elements/surface/disclosure.element.js';
 import type { DisclosureElementAttributes } from '@aracna/web';
 import type { DisclosureElementEventMap } from '@aracna/web';
-import type { DisclosurePanelElement } from '@aracna/web-components/elements/surface/disclosure.element';
+import type { DisclosurePanelElement } from '@aracna/web-components/elements/surface/disclosure.element.js';
 import type { DisclosurePanelElementAttributes } from '@aracna/web';
 import type { DisclosurePanelElementEventMap } from '@aracna/web';
-import type { DisclosureSectionElement } from '@aracna/web-components/elements/surface/disclosure.element';
+import type { DisclosureSectionElement } from '@aracna/web-components/elements/surface/disclosure.element.js';
 import type { DisclosureSectionElementAttributes } from '@aracna/web';
 import type { DisclosureSectionElementEventMap } from '@aracna/web';
-import type { DividerElement } from '@aracna/web-components/elements/layout/divider.element';
+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';
+import type { FeedArticleDescriptionElement } from '@aracna/web-components/elements/data/feed.element.js';
 import type { FeedArticleDescriptionElementAttributes } from '@aracna/web';
 import type { FeedArticleDescriptionElementEventMap } from '@aracna/web';
-import type { FeedArticleElement } from '@aracna/web-components/elements/data/feed.element';
+import type { FeedArticleElement } from '@aracna/web-components/elements/data/feed.element.js';
 import type { FeedArticleElementAttributes } from '@aracna/web';
 import type { FeedArticleElementEventMap } from '@aracna/web';
-import type { FeedArticleLabelElement } from '@aracna/web-components/elements/data/feed.element';
+import type { FeedArticleLabelElement } from '@aracna/web-components/elements/data/feed.element.js';
 import type { FeedArticleLabelElementAttributes } from '@aracna/web';
 import type { FeedArticleLabelElementEventMap } from '@aracna/web';
-import type { FeedElement } from '@aracna/web-components/elements/data/feed.element';
+import type { FeedElement } from '@aracna/web-components/elements/data/feed.element.js';
 import type { FeedElementAttributes } from '@aracna/web';
 import type { FeedElementEventMap } from '@aracna/web';
 import { FloatingElementAttributes } from '@aracna/web';
 import { FloatingElementEventMap } from '@aracna/web';
 import { FocusTrapElementAttributes } from '@aracna/web';
 import { FocusTrapElementEventMap } from '@aracna/web';
-import type { FormElement } from '@aracna/web-components/elements/input/form.element';
+import type { FormElement } from '@aracna/web-components/elements/input/form.element.js';
 import type { FormElementAttributes } from '@aracna/web';
 import type { FormElementEventMap } from '@aracna/web';
 import { FormFieldElementAttributes } from '@aracna/web';
 import { FormFieldElementEventMap } from '@aracna/web';
 import { ForwardedRef } from 'react';
 import type { HTMLAttributes } from 'react';
-import type { IconElement } from '@aracna/web-components/elements/data/icon.element';
+import type { IconElement } from '@aracna/web-components/elements/data/icon.element.js';
 import type { IconElementAttributes } from '@aracna/web';
 import type { IconElementEventMap } from '@aracna/web';
-import type { ImageElement } from '@aracna/web-components/elements/data/image.element';
+import type { ImageElement } from '@aracna/web-components/elements/data/image.element.js';
 import type { ImageElementAttributes } from '@aracna/web';
 import type { ImageElementEventMap } from '@aracna/web';
-import type { InputElement } from '@aracna/web-components/elements/input/input.element';
+import type { InputElement } from '@aracna/web-components/elements/input/input.element.js';
 import type { InputElementAttributes } from '@aracna/web';
 import type { InputElementEventMap } from '@aracna/web';
-import type { InputFileElement } from '@aracna/web-components/elements/input/input.file.element';
+import type { InputFileElement } from '@aracna/web-components/elements/input/input.file.element.js';
 import type { InputFileElementAttributes } from '@aracna/web';
 import type { InputFileElementEventMap } from '@aracna/web';
 import { KeyOf } from '@aracna/core';
-import type { ListElement } from '@aracna/web-components/elements/data/list.element';
+import type { ListElement } from '@aracna/web-components/elements/data/list.element.js';
 import type { ListElementAttributes } from '@aracna/web';
 import type { ListElementEventMap } from '@aracna/web';
-import type { ListItemElement } from '@aracna/web-components/elements/data/list.element';
+import type { ListItemElement } from '@aracna/web-components/elements/data/list.element.js';
 import type { ListItemElementAttributes } from '@aracna/web';
 import type { ListItemElementEventMap } from '@aracna/web';
-import type { MenuButtonElement } from '@aracna/web-components/elements/navigation/menu.element';
+import type { MenuButtonElement } from '@aracna/web-components/elements/navigation/menu.element.js';
 import type { MenuButtonElementAttributes } from '@aracna/web';
 import type { MenuButtonElementEventMap } from '@aracna/web';
-import type { MenuElement } from '@aracna/web-components/elements/navigation/menu.element';
+import type { MenuElement } from '@aracna/web-components/elements/navigation/menu.element.js';
 import type { MenuElementAttributes } from '@aracna/web';
 import type { MenuElementEventMap } from '@aracna/web';
-import type { MenuItemElement } from '@aracna/web-components/elements/navigation/menu.element';
+import type { MenuItemElement } from '@aracna/web-components/elements/navigation/menu.element.js';
 import type { MenuItemElementAttributes } from '@aracna/web';
 import type { MenuItemElementEventMap } from '@aracna/web';
-import type { MenuSubMenuElement } from '@aracna/web-components/elements/navigation/menu.element';
+import type { MenuSubMenuElement } from '@aracna/web-components/elements/navigation/menu.element.js';
 import type { MenuSubMenuElementAttributes } from '@aracna/web';
 import type { MenuSubMenuElementEventMap } from '@aracna/web';
-import type { MeterElement } from '@aracna/web-components/elements/feedback/meter.element';
+import type { MeterElement } from '@aracna/web-components/elements/feedback/meter.element.js';
 import type { MeterElementAttributes } from '@aracna/web';
 import type { MeterElementEventMap } from '@aracna/web';
 import { MutableRefObject } from 'react';
-import type { NavigationBarElement } from '@aracna/web-components/elements/navigation/navigation.bar.element';
+import type { NavigationBarElement } from '@aracna/web-components/elements/navigation/navigation.bar.element.js';
 import type { NavigationBarElementAttributes } from '@aracna/web';
 import type { NavigationBarElementEventMap } from '@aracna/web';
-import type { NavigationBarItemElement } from '@aracna/web-components/elements/navigation/navigation.bar.element';
+import type { NavigationBarItemElement } from '@aracna/web-components/elements/navigation/navigation.bar.element.js';
 import type { NavigationBarItemElementAttributes } from '@aracna/web';
 import type { NavigationBarItemElementEventMap } from '@aracna/web';
-import type { NavigationRailElement } from '@aracna/web-components/elements/navigation/navigation.rail.element';
+import type { NavigationRailElement } from '@aracna/web-components/elements/navigation/navigation.rail.element.js';
 import type { NavigationRailElementAttributes } from '@aracna/web';
 import type { NavigationRailElementEventMap } from '@aracna/web';
-import type { NavigationRailItemElement } from '@aracna/web-components/elements/navigation/navigation.rail.element';
+import type { NavigationRailItemElement } from '@aracna/web-components/elements/navigation/navigation.rail.element.js';
 import type { NavigationRailItemElementAttributes } from '@aracna/web';
 import type { NavigationRailItemElementEventMap } from '@aracna/web';
 import { PascalCase } from '@aracna/core';
-import type { RadioButtonElement } from '@aracna/web-components/elements/input/radio.group.element';
+import type { RadioButtonElement } from '@aracna/web-components/elements/input/radio.group.element.js';
 import type { RadioButtonElementAttributes } from '@aracna/web';
 import type { RadioButtonElementEventMap } from '@aracna/web';
-import type { RadioGroupElement } from '@aracna/web-components/elements/input/radio.group.element';
+import type { RadioGroupElement } from '@aracna/web-components/elements/input/radio.group.element.js';
 import type { RadioGroupElementAttributes } from '@aracna/web';
 import type { RadioGroupElementEventMap } from '@aracna/web';
 import { ReactElement } from 'react';
 import type { RefAttributes } from 'react';
-import type { SelectButtonElement } from '@aracna/web-components/elements/input/select.element';
+import type { SelectButtonElement } from '@aracna/web-components/elements/input/select.element.js';
 import type { SelectButtonElementAttributes } from '@aracna/web';
 import type { SelectButtonElementEventMap } from '@aracna/web';
-import type { SelectElement } from '@aracna/web-components/elements/input/select.element';
+import type { SelectElement } from '@aracna/web-components/elements/input/select.element.js';
 import type { SelectElementAttributes } from '@aracna/web';
 import type { SelectElementEventMap } from '@aracna/web';
-import type { SelectGroupElement } from '@aracna/web-components/elements/input/select.element';
+import type { SelectGroupElement } from '@aracna/web-components/elements/input/select.element.js';
 import type { SelectGroupElementAttributes } from '@aracna/web';
 import type { SelectGroupElementEventMap } from '@aracna/web';
-import type { SelectInputElement } from '@aracna/web-components/elements/input/select.element';
+import type { SelectInputElement } from '@aracna/web-components/elements/input/select.element.js';
 import type { SelectInputElementAttributes } from '@aracna/web';
 import type { SelectInputElementEventMap } from '@aracna/web';
-import type { SelectListElement } from '@aracna/web-components/elements/input/select.element';
+import type { SelectListElement } from '@aracna/web-components/elements/input/select.element.js';
 import type { SelectListElementAttributes } from '@aracna/web';
 import type { SelectListElementEventMap } from '@aracna/web';
-import type { SelectOptionElement } from '@aracna/web-components/elements/input/select.element';
+import type { SelectOptionElement } from '@aracna/web-components/elements/input/select.element.js';
 import type { SelectOptionElementAttributes } from '@aracna/web';
 import type { SelectOptionElementEventMap } from '@aracna/web';
-import type { SliderElement } from '@aracna/web-components/elements/input/slider.element';
+import type { SliderElement } from '@aracna/web-components/elements/input/slider.element.js';
 import type { SliderElementAttributes } from '@aracna/web';
 import type { SliderElementEventMap } from '@aracna/web';
-import type { SliderThumbElement } from '@aracna/web-components/elements/input/slider.element';
+import type { SliderThumbElement } from '@aracna/web-components/elements/input/slider.element.js';
 import type { SliderThumbElementAttributes } from '@aracna/web';
 import type { SliderThumbElementEventMap } from '@aracna/web';
-import type { SwitchElement } from '@aracna/web-components/elements/input/switch.element';
+import type { SwitchElement } from '@aracna/web-components/elements/input/switch.element.js';
 import type { SwitchElementAttributes } from '@aracna/web';
 import type { SwitchElementEventMap } from '@aracna/web';
-import type { TabsElement } from '@aracna/web-components/elements/navigation/tabs.element';
+import type { TabsElement } from '@aracna/web-components/elements/navigation/tabs.element.js';
 import type { TabsElementAttributes } from '@aracna/web';
 import type { TabsElementEventMap } from '@aracna/web';
-import type { TabsPanelElement } from '@aracna/web-components/elements/navigation/tabs.element';
+import type { TabsPanelElement } from '@aracna/web-components/elements/navigation/tabs.element.js';
 import type { TabsPanelElementAttributes } from '@aracna/web';
 import type { TabsPanelElementEventMap } from '@aracna/web';
-import type { TabsTabElement } from '@aracna/web-components/elements/navigation/tabs.element';
+import type { TabsTabElement } from '@aracna/web-components/elements/navigation/tabs.element.js';
 import type { TabsTabElementAttributes } from '@aracna/web';
 import type { TabsTabElementEventMap } from '@aracna/web';
-import type { TextAreaElement } from '@aracna/web-components/elements/input/text.area.element';
+import type { TextAreaElement } from '@aracna/web-components/elements/input/text.area.element.js';
 import type { TextAreaElementAttributes } from '@aracna/web';
 import type { TextAreaElementEventMap } from '@aracna/web';
-import type { TooltipArrowElement } from '@aracna/web-components/elements/data/tooltip.element';
+import type { TooltipArrowElement } from '@aracna/web-components/elements/data/tooltip.element.js';
 import type { TooltipArrowElementAttributes } from '@aracna/web';
 import type { TooltipArrowElementEventMap } from '@aracna/web';
-import type { TooltipContentElement } from '@aracna/web-components/elements/data/tooltip.element';
+import type { TooltipContentElement } from '@aracna/web-components/elements/data/tooltip.element.js';
 import type { TooltipContentElementAttributes } from '@aracna/web';
 import type { TooltipContentElementEventMap } from '@aracna/web';
-import type { TooltipElement } from '@aracna/web-components/elements/data/tooltip.element';
+import type { TooltipElement } from '@aracna/web-components/elements/data/tooltip.element.js';
 import type { TooltipElementAttributes } from '@aracna/web';
 import type { TooltipElementEventMap } from '@aracna/web';
-import type { TooltipTriggerElement } from '@aracna/web-components/elements/data/tooltip.element';
+import type { TooltipTriggerElement } from '@aracna/web-components/elements/data/tooltip.element.js';
 import type { TooltipTriggerElementAttributes } from '@aracna/web';
 import type { TooltipTriggerElementEventMap } from '@aracna/web';
 

package/index.iife.js

@@ -1,4 +1,4 @@
-"use strict";var AracnaReact=(()=>{var ye=Object.create;var g=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,be=Object.prototype.hasOwnProperty;var ge=(e,t,n)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var x=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,n)=>(typeof require<"u"?require:t)[n]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var B=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Oe=(e,t)=>{for(var n in t)g(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))!be.call(e,s)&&s!==n&&g(e,s,{get:()=>t[s],enumerable:!(r=_e(t,s))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?ye(Re(e)):{},V(t||!e||!e.__esModule?g(n,"default",{value:e,enumerable:!0}):n,e)),ve=e=>V(g({},"__esModule",{value:!0}),e);var $=(e,t,n)=>(ge(e,typeof t!="symbol"?t+"":t,n),n);var le=B(i=>{"use strict";var v=Symbol.for("react.element"),Le=Symbol.for("react.portal"),Pe=Symbol.for("react.fragment"),Ne=Symbol.for("react.strict_mode"),Me=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"),Ke=Symbol.for("react.lazy"),Z=Symbol.iterator;function Ue(e){return e===null||typeof e!="object"?null:(e=Z&&e[Z]||e["@@iterator"],typeof e=="function"?e:null)}var ne={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},re=Object.assign,oe={};function R(e,t,n){this.props=e,this.context=t,this.refs=oe,this.updater=n||ne}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 se(){}se.prototype=R.prototype;function K(e,t,n){this.props=e,this.context=t,this.refs=oe,this.updater=n||ne}var U=K.prototype=new se;U.constructor=K;re(U,R.prototype);U.isPureReactComponent=!0;var ee=Array.isArray,ie=Object.prototype.hasOwnProperty,j={current:null},ae={key:!0,ref:!0,__self:!0,__source:!0};function ue(e,t,n){var r,s={},o=null,l=null;if(t!=null)for(r in t.ref!==void 0&&(l=t.ref),t.key!==void 0&&(o=""+t.key),t)ie.call(t,r)&&!ae.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),f=0;f<a;f++)u[f]=arguments[f+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:v,type:e,key:o,ref:l,props:s,_owner:j.current}}function je(e,t){return{$$typeof:v,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===v}function ke(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var te=/\/+/g;function F(e,t){return typeof e=="object"&&e!==null&&e.key!=null?ke(""+e.key):t.toString(36)}function P(e,t,n,r,s){var o=typeof e;(o==="undefined"||o==="boolean")&&(e=null);var l=!1;if(e===null)l=!0;else switch(o){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case v:case Le:l=!0}}if(l)return l=e,s=s(l),e=r===""?"."+F(l,0):r,ee(s)?(n="",e!=null&&(n=e.replace(te,"$&/")+"/"),P(s,t,n,"",function(f){return f})):s!=null&&(k(s)&&(s=je(s,n+(!s.key||l&&l.key===s.key?"":(""+s.key).replace(te,"$&/")+"/")+e)),t.push(s)),1;if(l=0,r=r===""?".":r+":",ee(e))for(var a=0;a<e.length;a++){o=e[a];var u=r+F(o,a);l+=P(o,t,n,u,s)}else if(u=Ue(e),typeof u=="function")for(e=u.call(e),a=0;!(o=e.next()).done;)o=o.value,u=r+F(o,a++),l+=P(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 l}function L(e,t,n){if(e==null)return e;var r=[],s=0;return P(e,r,"","",function(o){return t.call(n,o,s++)}),r}function Ie(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 c={current:null},N={transition:null},He={ReactCurrentDispatcher:c,ReactCurrentBatchConfig:N,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(!k(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};i.Component=R;i.Fragment=Pe;i.Profiler=Me;i.PureComponent=K;i.StrictMode=Ne;i.Suspense=we;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=re({},e.props),s=e.key,o=e.ref,l=e._owner;if(t!=null){if(t.ref!==void 0&&(o=t.ref,l=j.current),t.key!==void 0&&(s=""+t.key),e.type&&e.type.defaultProps)var a=e.type.defaultProps;for(u in t)ie.call(t,u)&&!ae.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 f=0;f<u;f++)a[f]=arguments[f+2];r.children=a}return{$$typeof:v,type:e.type,key:s,ref:o,props:r,_owner:l}};i.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};i.createElement=ue;i.createFactory=function(e){var t=ue.bind(null,e);return t.type=e,t};i.createRef=function(){return{current:null}};i.forwardRef=function(e){return{$$typeof:De,render:e}};i.isValidElement=k;i.lazy=function(e){return{$$typeof:Ke,_payload:{_status:-1,_result:e},_init:Ie}};i.memo=function(e,t){return{$$typeof:Fe,type:e,compare:t===void 0?null:t}};i.startTransition=function(e){var t=N.transition;N.transition={};try{e()}finally{N.transition=t}};i.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};i.useCallback=function(e,t){return c.current.useCallback(e,t)};i.useContext=function(e){return c.current.useContext(e)};i.useDebugValue=function(){};i.useDeferredValue=function(e){return c.current.useDeferredValue(e)};i.useEffect=function(e,t){return c.current.useEffect(e,t)};i.useId=function(){return c.current.useId()};i.useImperativeHandle=function(e,t,n){return c.current.useImperativeHandle(e,t,n)};i.useInsertionEffect=function(e,t){return c.current.useInsertionEffect(e,t)};i.useLayoutEffect=function(e,t){return c.current.useLayoutEffect(e,t)};i.useMemo=function(e,t){return c.current.useMemo(e,t)};i.useReducer=function(e,t,n){return c.current.useReducer(e,t,n)};i.useRef=function(e){return c.current.useRef(e)};i.useState=function(e){return c.current.useState(e)};i.useSyncExternalStore=function(e,t,n){return c.current.useSyncExternalStore(e,t,n)};i.useTransition=function(){return c.current.useTransition()};i.version="18.2.0"});var m=B((gt,ce)=>{"use strict";ce.exports=le()});var Qe={};Oe(Qe,{ComponentLifeCycle:()=>X,createBaseElementComponent:()=>y,createElementComponent:()=>I,createFloatingElementComponent:()=>Ge,createFocusTrapElementComponent:()=>Be,createFormFieldElementComponent:()=>Ve,forwardRef:()=>$e,useComponent:()=>Xe,useDispatch:()=>We,useEventListener:()=>M,useLifeCycle:()=>H,useSafeRef:()=>qe,useWindowEventListener:()=>Je});var X=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(X||{});function O(...e){}var W=()=>({tc:{log:!0,onCatch:O},tcp:{log:!0,onCatch:O}});var Se="abcdefghijklmnopqrstuvwxyz";var D="0123456789",Ae="ABCDEFGHIJKLMNOPQRSTUVWXYZ",tt=D+Se+Ae,nt=D+"abcdef",rt=D+"ABCDEF";var w=/([^.])\[/g,A=/[\[\]]/g;var q=/[^a-zA-Z]/g;var _=class{};$(_,"module",W());function T(e,t=_.module.tc.log){try{return e()}catch(n){return t&&console.error(n),_.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 import(){return new Function("path","return import(path)")}static get require(){return typeof __webpack_require__=="function"?__non_webpack_require__:typeof x=="function"?x:O}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 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(q.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Ce(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=z(e,r),o instanceof Error?n:o[s]}return t in e?e[t]:n}}function z(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=z(e,r,!0),s instanceof Error)return s;s[o]=n;break}e[t]=n;break}}var p=d(m());function I(e,t,n){return(0,p.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,p.createRef)(),l=(0,p.createElement)(e,{...r,ref:o,suppressHydrationWarning:!0}),[a]=(0,p.useState)(new Map),u=()=>{if(!(typeof o!="object"||!o?.current||!n))for(let E of n){let G,S;G="on"+J(String(E)),S=Q(r,G),typeof S=="function"&&(o.current.addEventListener(String(E),S),a.set(String(E),S))}},f=()=>{if(!(typeof o!="object"||!o?.current))for(let E of a)o.current.removeEventListener(...E),a.delete(E[0])};return(0,p.useEffect)(()=>(f(),u(),f),[r]),l})}function y(e,t,n=[]){return I(e,t,["attribute-change","state-change",...n])}function Ge(e,t,n){return y(e,t,n)}function Be(e,t,n=[]){return y(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Ve(e,t,n){return y(e,t,n)}var fe=d(m());function $e(...e){return(0,fe.forwardRef)(e[0])}var b=d(m());var Ee=d(m());function M(e,t,n,r=[]){(0,Ee.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function Xe(e){let t=(0,b.useRef)(null),[,n]=(0,b.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 M(t,"attribute-changed",r,[t.current]),M(t,"state-changed",s,[t.current]),(0,b.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var pe=d(m());var h=d(m());function H(){let e=(0,h.useRef)("CONSTRUCTED");return(0,h.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function We(e){let t=H(),n=(0,pe.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var me=d(m());function qe(e,t){return(0,me.useRef)(C.isWindowDefined?document.createElement(e,t):{current:{}})}var de=d(m());function Je(e,t,n=[]){(0,de.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}return ve(Qe);})();
+"use strict";var AracnaReact=(()=>{var ye=Object.create;var g=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,be=Object.prototype.hasOwnProperty;var ge=(e,t,n)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var x=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,n)=>(typeof require<"u"?require:t)[n]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var B=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Oe=(e,t)=>{for(var n in t)g(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))!be.call(e,s)&&s!==n&&g(e,s,{get:()=>t[s],enumerable:!(r=_e(t,s))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?ye(Re(e)):{},V(t||!e||!e.__esModule?g(n,"default",{value:e,enumerable:!0}):n,e)),ve=e=>V(g({},"__esModule",{value:!0}),e);var $=(e,t,n)=>(ge(e,typeof t!="symbol"?t+"":t,n),n);var le=B(i=>{"use strict";var v=Symbol.for("react.element"),Le=Symbol.for("react.portal"),Pe=Symbol.for("react.fragment"),Ne=Symbol.for("react.strict_mode"),Me=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"),Ke=Symbol.for("react.lazy"),Z=Symbol.iterator;function Ue(e){return e===null||typeof e!="object"?null:(e=Z&&e[Z]||e["@@iterator"],typeof e=="function"?e:null)}var ne={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},re=Object.assign,oe={};function R(e,t,n){this.props=e,this.context=t,this.refs=oe,this.updater=n||ne}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 se(){}se.prototype=R.prototype;function K(e,t,n){this.props=e,this.context=t,this.refs=oe,this.updater=n||ne}var U=K.prototype=new se;U.constructor=K;re(U,R.prototype);U.isPureReactComponent=!0;var ee=Array.isArray,ie=Object.prototype.hasOwnProperty,j={current:null},ae={key:!0,ref:!0,__self:!0,__source:!0};function ue(e,t,n){var r,s={},o=null,l=null;if(t!=null)for(r in t.ref!==void 0&&(l=t.ref),t.key!==void 0&&(o=""+t.key),t)ie.call(t,r)&&!ae.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),f=0;f<a;f++)u[f]=arguments[f+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:v,type:e,key:o,ref:l,props:s,_owner:j.current}}function je(e,t){return{$$typeof:v,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===v}function ke(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var te=/\/+/g;function F(e,t){return typeof e=="object"&&e!==null&&e.key!=null?ke(""+e.key):t.toString(36)}function P(e,t,n,r,s){var o=typeof e;(o==="undefined"||o==="boolean")&&(e=null);var l=!1;if(e===null)l=!0;else switch(o){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case v:case Le:l=!0}}if(l)return l=e,s=s(l),e=r===""?"."+F(l,0):r,ee(s)?(n="",e!=null&&(n=e.replace(te,"$&/")+"/"),P(s,t,n,"",function(f){return f})):s!=null&&(k(s)&&(s=je(s,n+(!s.key||l&&l.key===s.key?"":(""+s.key).replace(te,"$&/")+"/")+e)),t.push(s)),1;if(l=0,r=r===""?".":r+":",ee(e))for(var a=0;a<e.length;a++){o=e[a];var u=r+F(o,a);l+=P(o,t,n,u,s)}else if(u=Ue(e),typeof u=="function")for(e=u.call(e),a=0;!(o=e.next()).done;)o=o.value,u=r+F(o,a++),l+=P(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 l}function L(e,t,n){if(e==null)return e;var r=[],s=0;return P(e,r,"","",function(o){return t.call(n,o,s++)}),r}function Ie(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 c={current:null},N={transition:null},He={ReactCurrentDispatcher:c,ReactCurrentBatchConfig:N,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(!k(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};i.Component=R;i.Fragment=Pe;i.Profiler=Me;i.PureComponent=K;i.StrictMode=Ne;i.Suspense=we;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=re({},e.props),s=e.key,o=e.ref,l=e._owner;if(t!=null){if(t.ref!==void 0&&(o=t.ref,l=j.current),t.key!==void 0&&(s=""+t.key),e.type&&e.type.defaultProps)var a=e.type.defaultProps;for(u in t)ie.call(t,u)&&!ae.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 f=0;f<u;f++)a[f]=arguments[f+2];r.children=a}return{$$typeof:v,type:e.type,key:s,ref:o,props:r,_owner:l}};i.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};i.createElement=ue;i.createFactory=function(e){var t=ue.bind(null,e);return t.type=e,t};i.createRef=function(){return{current:null}};i.forwardRef=function(e){return{$$typeof:De,render:e}};i.isValidElement=k;i.lazy=function(e){return{$$typeof:Ke,_payload:{_status:-1,_result:e},_init:Ie}};i.memo=function(e,t){return{$$typeof:Fe,type:e,compare:t===void 0?null:t}};i.startTransition=function(e){var t=N.transition;N.transition={};try{e()}finally{N.transition=t}};i.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};i.useCallback=function(e,t){return c.current.useCallback(e,t)};i.useContext=function(e){return c.current.useContext(e)};i.useDebugValue=function(){};i.useDeferredValue=function(e){return c.current.useDeferredValue(e)};i.useEffect=function(e,t){return c.current.useEffect(e,t)};i.useId=function(){return c.current.useId()};i.useImperativeHandle=function(e,t,n){return c.current.useImperativeHandle(e,t,n)};i.useInsertionEffect=function(e,t){return c.current.useInsertionEffect(e,t)};i.useLayoutEffect=function(e,t){return c.current.useLayoutEffect(e,t)};i.useMemo=function(e,t){return c.current.useMemo(e,t)};i.useReducer=function(e,t,n){return c.current.useReducer(e,t,n)};i.useRef=function(e){return c.current.useRef(e)};i.useState=function(e){return c.current.useState(e)};i.useSyncExternalStore=function(e,t,n){return c.current.useSyncExternalStore(e,t,n)};i.useTransition=function(){return c.current.useTransition()};i.version="18.2.0"});var m=B((gt,ce)=>{"use strict";ce.exports=le()});var Qe={};Oe(Qe,{ComponentLifeCycle:()=>X,createBaseElementComponent:()=>y,createElementComponent:()=>I,createFloatingElementComponent:()=>Ge,createFocusTrapElementComponent:()=>Be,createFormFieldElementComponent:()=>Ve,forwardRef:()=>$e,useComponent:()=>Xe,useDispatch:()=>We,useEventListener:()=>M,useLifeCycle:()=>H,useSafeRef:()=>qe,useWindowEventListener:()=>Je});var X=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(X||{});function O(...e){}var W=()=>({tc:{log:!0,onCatch:O},tcp:{log:!0,onCatch:O}});var Se="abcdefghijklmnopqrstuvwxyz";var D="0123456789",Ae="ABCDEFGHIJKLMNOPQRSTUVWXYZ",tt=D+Se+Ae,nt=D+"abcdef",rt=D+"ABCDEF";var w=/([^.])\[/g,A=/[\[\]]/g;var q=/[^a-zA-Z]/g;var _=class{};$(_,"module",W());function T(e,t=_.module.tc.log){try{return e()}catch(n){return t&&console.error(n),_.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 import(){return new Function("path","return import(path)")}static get require(){return typeof __webpack_require__=="function"?__non_webpack_require__:typeof x=="function"?x:O}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 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(q.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Ce(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=z(e,r),o instanceof Error?n:o[s]}return t in e?e[t]:n}}function z(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=z(e,r,!0),s instanceof Error)return s;s[o]=n;break}e[t]=n;break}}var p=d(m(),1);function I(e,t,n){return(0,p.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,p.createRef)(),l=(0,p.createElement)(e,{...r,ref:o,suppressHydrationWarning:!0}),[a]=(0,p.useState)(new Map),u=()=>{if(!(typeof o!="object"||!o?.current||!n))for(let E of n){let G,S;G="on"+J(String(E)),S=Q(r,G),typeof S=="function"&&(o.current.addEventListener(String(E),S),a.set(String(E),S))}},f=()=>{if(!(typeof o!="object"||!o?.current))for(let E of a)o.current.removeEventListener(...E),a.delete(E[0])};return(0,p.useEffect)(()=>(f(),u(),f),[r]),l})}function y(e,t,n=[]){return I(e,t,["attribute-change","state-change",...n])}function Ge(e,t,n){return y(e,t,n)}function Be(e,t,n=[]){return y(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Ve(e,t,n){return y(e,t,n)}var fe=d(m(),1);function $e(...e){return(0,fe.forwardRef)(e[0])}var b=d(m(),1);var Ee=d(m(),1);function M(e,t,n,r=[]){(0,Ee.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function Xe(e){let t=(0,b.useRef)(null),[,n]=(0,b.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 M(t,"attribute-changed",r,[t.current]),M(t,"state-changed",s,[t.current]),(0,b.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var pe=d(m(),1);var h=d(m(),1);function H(){let e=(0,h.useRef)("CONSTRUCTED");return(0,h.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function We(e){let t=H(),n=(0,pe.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var me=d(m(),1);function qe(e,t){return(0,me.useRef)(C.isWindowDefined?document.createElement(e,t):{current:{}})}var de=d(m(),1);function Je(e,t,n=[]){(0,de.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}return ve(Qe);})();
 /*! Bundled license information:
 
 react/cjs/react.production.min.js:

package/index.js

@@ -0,0 +1 @@
+export*from"./definitions/enums.js";export*from"./functions/create.base.element.component.js";export*from"./functions/create.element.component.js";export*from"./functions/create.floating.element.component.js";export*from"./functions/create.focus.trap.element.component.js";export*from"./functions/create.form.field.element.component.js";export*from"./functions/forward.ref.js";export*from"./hooks/use.aracna.element.js";export*from"./hooks/use.dispatch.js";export*from"./hooks/use.event.listener.js";export*from"./hooks/use.life.cycle.js";export*from"./hooks/use.safe.ref.js";export*from"./hooks/use.window.event.listener.js";

package/package.json

@@ -22,6 +22,13 @@
     "typescript": "latest",
     "vitest": "latest"
   },
+  "exports": {
+    "import": "./index.js",
+    "require": {
+      "default": "./index.cjs",
+      "types": "./index.d.ts"
+    }
+  },
   "license": "MIT",
   "main": "index.cjs",
   "module": "index.js",
@@ -44,5 +51,6 @@
     "deploy": "yarn test && yarn build && yarn tarball && yarn publish dist/*.tgz"
   },
   "sideEffects": false,
-  "version": "1.0.14"
+  "type": "module",
+  "version": "1.0.16"
 }

package/functions/create.base.element.component.mjs

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

package/functions/create.floating.element.component.mjs

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

package/functions/create.focus.trap.element.component.mjs

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

package/functions/create.form.field.element.component.mjs

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

package/hooks/use.aracna.element.mjs

@@ -1 +0,0 @@
-import{useEffect as u,useReducer as s,useRef as c}from"react";import{useEventListener as n}from"./use.event.listener";function m(t){const e=c(null),[,r]=s(()=>({}),{}),i=a=>{t?.attribute?.dispatch===!0&&a.detail&&(t.attribute.blacklist&&t.attribute.blacklist.includes(a.detail.name)||t.attribute.whitelist&&!t.attribute.whitelist.includes(a.detail.name)||r())},l=a=>{t?.state?.dispatch===!0&&a.detail&&(t.state.blacklist&&t.state.blacklist.includes(a.detail.name)||t.state.whitelist&&!t.state.whitelist.includes(a.detail.name)||r())};return n(e,"attribute-changed",i,[e.current]),n(e,"state-changed",l,[e.current]),u(()=>r(),[e.current]),{element:e.current,ref:e}}export{m as useComponent};

package/hooks/use.dispatch.mjs

@@ -1 +0,0 @@
-import{useReducer as o}from"react";import{ComponentLifeCycle as e}from"../definitions/enums";import{useLifeCycle as s}from"./use.life.cycle";function f(r){const c=s(),t=o(()=>({}),{});return()=>{switch(c.current){case e.CONSTRUCTED:case e.UNMOUNTED:break;case e.MOUNTED:t[1](),r&&r();break}}}export{f as useDispatch};

package/hooks/use.life.cycle.mjs

@@ -1 +0,0 @@
-import{useEffect as n,useRef as o}from"react";import{ComponentLifeCycle as t}from"../definitions/enums";function u(){const e=o(t.CONSTRUCTED);return n(()=>(e.current=t.MOUNTED,()=>{e.current=t.UNMOUNTED})),e}export{u as useLifeCycle};

package/index.mjs

@@ -1 +0,0 @@
-export*from"./definitions/enums";export*from"./functions/create.base.element.component";export*from"./functions/create.element.component";export*from"./functions/create.floating.element.component";export*from"./functions/create.focus.trap.element.component";export*from"./functions/create.form.field.element.component";export*from"./functions/forward.ref";export*from"./hooks/use.aracna.element";export*from"./hooks/use.dispatch";export*from"./hooks/use.event.listener";export*from"./hooks/use.life.cycle";export*from"./hooks/use.safe.ref";export*from"./hooks/use.window.event.listener";