@dso-toolkit/react 93.0.0 → 94.0.0

package/dist/components/accordion/accordion.stories.js

@@ -1,7 +1,7 @@
-import readme from "@dso-toolkit/react/src/components/accordion/readme.md?raw";
 import { accordionMeta, accordionStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
 import { activatableSections, addonsSections, alignmentSections, anchorSections, basicSections, compactSections, nestedSections, renvooiSections, } from "./accordion.content";
+import readme from "./readme.md?raw";
 const meta = {
     ...accordionMeta({ readme }),
     title: "Accordion",

package/dist/components/alert/alert.stories.js

@@ -1,7 +1,7 @@
-import readme from "@dso-toolkit/react/src/components/alert/readme.md?raw";
 import { alertMeta, alertStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
 import { alertWithHeadingsContent, errorMessage, infoMessage, successMessage, warningMessage } from "./alert.content";
+import readme from "./readme.md?raw";
 const meta = {
     ...alertMeta({ readme }),
     title: "Alert",

package/dist/components/attachments-counter/attachments-counter.stories.js

@@ -1,6 +1,6 @@
-import readme from "@dso-toolkit/react/src/components/attachments-counter/readme.md?raw";
 import { attachmentsCounterMeta, attachmentsCounterStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
+import readme from "./readme.md?raw";
 const meta = {
     ...attachmentsCounterMeta({ readme }),
     title: "Attachments Counter",

package/dist/components/badge/badge.stories.js

@@ -1,7 +1,7 @@
-import readme from "@dso-toolkit/react/src/components/badge/readme.md?raw";
 import { badgeMeta, badgeStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
 import { children } from "./badge.content";
+import readme from "./readme.md?raw";
 const meta = {
     ...badgeMeta({ readme }),
     title: "Badge",

package/dist/components/banner/banner.stories.js

@@ -1,7 +1,7 @@
-import readme from "@dso-toolkit/react/src/components/banner/readme.md?raw";
 import { bannerMeta, bannerStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
 import { errorRichContent, infoCompactNonRemovableRichContent, infoRichContent, richInfoRichContent, richWarningRichContent, successRichContent, warningNonRemovableRichContent, warningRichContent, } from "./banner.content";
+import readme from "./readme.md?raw";
 const meta = {
     ...bannerMeta({ readme }),
     title: "Banner",

package/dist/components/card/card.stories.js

@@ -1,7 +1,7 @@
-import readme from "@dso-toolkit/react/src/components/card/readme.md?raw";
 import { cardMeta, cardStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
 import { content, infoButton } from "./card.content";
+import readme from "./readme.md?raw";
 const meta = {
     ...cardMeta({ readme }),
     title: "Card",

package/dist/components/card-container/card-container.stories.js

@@ -1,7 +1,7 @@
-import readme from "@dso-toolkit/react/src/components/card-container/readme.md?raw";
 import { cardContainerMeta, cardContainerStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
 import { content } from "./card-container.content";
+import readme from "./readme.md?raw";
 const meta = {
     ...cardContainerMeta({ readme }),
     title: "Card Container",

package/dist/components/contact-information/contact-information.stories.js

@@ -1,6 +1,6 @@
-import readme from "@dso-toolkit/react/src/components/contact-information/readme.md?raw";
 import { contactInformationMeta, contactInformationStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
+import readme from "./readme.md?raw";
 const meta = {
     ...contactInformationMeta({ readme }),
     title: "Contact Information",

package/dist/components/label/label.stories.js

@@ -1,7 +1,7 @@
-import readme from "@dso-toolkit/react/src/components/label/readme.md?raw";
 import { labelMeta, labelStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
 import { decorator } from "./label.decorator";
+import readme from "./readme.md?raw";
 const meta = {
     ...labelMeta({ readme }),
     title: "Label",

package/dist/components/slide-toggle/slide-toggle.stories.js

@@ -1,6 +1,6 @@
-import readme from "@dso-toolkit/react/src/components/slide-toggle/readme.md?raw";
 import { slideToggleMeta, slideToggleStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
+import readme from "./readme.md?raw";
 const meta = {
     ...slideToggleMeta({ readme }),
     title: "Slide Toggle",

package/dist/components/tabs/tabs.stories.js

@@ -1,6 +1,6 @@
-import readme from "@dso-toolkit/react/src/components/tabs/readme.md?raw";
 import { tabsMeta, tabsStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
+import readme from "./readme.md?raw";
 const meta = {
     ...tabsMeta({ readme }),
     title: "Tabs",

package/dist/components.js

@@ -1,4 +1,6 @@
 'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
 import { DsoAccordionSection as DsoAccordionSectionElement, defineCustomElement as defineDsoAccordionSection } from "@dso-toolkit/core/dist/components/dso-accordion-section.js";
 import { DsoAccordion as DsoAccordionElement, defineCustomElement as defineDsoAccordion } from "@dso-toolkit/core/dist/components/dso-accordion.js";
 import { DsoActionListItem as DsoActionListItemElement, defineCustomElement as defineDsoActionListItem } from "@dso-toolkit/core/dist/components/dso-action-list-item.js";
@@ -71,8 +73,6 @@ import { DsoTooltip as DsoTooltipElement, defineCustomElement as defineDsoToolti
 import { DsoTreeView as DsoTreeViewElement, defineCustomElement as defineDsoTreeView } from "@dso-toolkit/core/dist/components/dso-tree-view.js";
 import { DsoViewerGrid as DsoViewerGridElement, defineCustomElement as defineDsoViewerGrid } from "@dso-toolkit/core/dist/components/dso-viewer-grid.js";
 import { DsotDocumentComponentDemo as DsotDocumentComponentDemoElement, defineCustomElement as defineDsotDocumentComponentDemo } from "@dso-toolkit/core/dist/components/dsot-document-component-demo.js";
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
 export const DsoAccordion = /*@__PURE__*/ createComponent({
     tagName: 'dso-accordion',
     elementClass: DsoAccordionElement,

package/dist/types/components.d.ts

@@ -2,7 +2,9 @@
  * This file was automatically generated by the Stencil React Output Target.
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { type AccordionSectionActiveChangeEvent, type AccordionSectionAnimationEndEvent, type AccordionSectionAnimationStartEvent, type AccordionSectionToggleClickEvent, type AdvancedSelectChangeEvent, type AdvancedSelectRedirectEvent, type AlertCloseEvent, type AnnotationActiveChangeEvent, type AnnotationKaartClickEvent, type BaseLayerChangeEvent, type CardClickEvent, type DatePickerBlurEvent, type DatePickerChangeEvent, type DatePickerFocusEvent, type DatePickerKeyboardEvent, type DocumentCardClickEvent, type DocumentComponentMarkItemHighlightEvent, type DocumentComponentOpenToggleEvent, type DocumentComponentOzonContentClickEvent, type DocumentComponentRecursiveToggleEvent, type DocumentComponentTableOfContentsClickEvent, type DocumentComponentToggleAnnotationEvent, type DsoAccordionSectionCustomEvent, type DsoAdvancedSelectCustomEvent, type DsoAlertCustomEvent, type DsoAnnotationActiviteitCustomEvent, type DsoAnnotationGebiedsaanwijzingCustomEvent, type DsoAnnotationKaartCustomEvent, type DsoAnnotationLocatieCustomEvent, type DsoAnnotationOmgevingsnormwaardeCustomEvent, type DsoAutosuggestCustomEvent, type DsoCardCustomEvent, type DsoDatePickerCustomEvent, type DsoDocumentCardCustomEvent, type DsoDocumentComponentCustomEvent, type DsoExpandableCustomEvent, type DsoHeaderCustomEvent, type DsoHistoryItemCustomEvent, type DsoIconButtonCustomEvent, type DsoInfoButtonCustomEvent, type DsoInfoCustomEvent, type DsoInputRangeCustomEvent, type DsoLabelCustomEvent, type DsoLegendCustomEvent, type DsoLegendGroupCustomEvent, type DsoLegendItemCustomEvent, type DsoListButtonCustomEvent, type DsoLogoCustomEvent, type DsoMapBaseLayersCustomEvent, type DsoMapControlsCustomEvent, type DsoMapLayerCustomEvent, type DsoMapLayerObjectCustomEvent, type DsoMapOverlaysCustomEvent, type DsoMarkBarCustomEvent, type DsoModalCustomEvent, type DsoOnboardingTipCustomEvent, type DsoOzonContentCustomEvent, type DsoPaginationCustomEvent, type DsoPanelCustomEvent, type DsoPlekinfoCardCustomEvent, type DsoRenvooiCustomEvent, type DsoResponsiveElementCustomEvent, type DsoScrollEndEvent, type DsoScrollableCustomEvent, type DsoSegmentedButtonCustomEvent, type DsoSelectableCustomEvent, type DsoSkiplinkCustomEvent, type DsoSlideToggleCustomEvent, type DsoSurveyRatingCustomEvent, type DsoTabCustomEvent, type DsoTreeViewCustomEvent, type DsoViewerGridCustomEvent, type DsotDocumentComponentDemoCustomEvent, type ExpandableAnimationEndEvent, type ExpandableAnimationStartEvent, type HeaderEvent, type HistoryItemClickEvent, type IconButtonClickEvent, type InfoButtonToggleEvent, type InputRangeChangeEvent, type LegendCloseEvent, type LegendContentSwitchEvent, type LegendGroupModeChangeEvent, type LegendItemActiveChangeEvent, type LegendItemDeleteEvent, type ListButtonChangeEvent, type ListButtonSelectedEvent, type LogoClickEvent, type LogoLabelClickEvent, type MapControlsToggleEvent, type MapLayerActiveChangeEvent, type MapLayerObjectActiveChangeEvent, type MarkBarClearEvent, type MarkBarInputEvent, type MarkBarPaginationEvent, type ModalCloseEvent, type OnboardingTipCloseEvent, type OverlayChangeEvent, type OzonContentClickEvent, type OzonContentMarkItemHighlightEvent, type PaginationSelectPageEvent, type PanelCloseEvent, type PlekinfoCardClickEvent, type RenvooiMarkItemHighlightEvent, type ResponsiveElementSize, type SegmentedButtonChangeEvent, type SelectableChangeEvent, type SkiplinkClickEvent, type SlideToggleActiveEvent, type Suggestion, type SurveyRatingCloseEvent, type SurveyRatingSubmitEvent, type TabsSwitchEvent, type TreeViewItem, type TreeViewPointerEvent, type ViewerGridActiveTabSwitchEvent, type ViewerGridChangeSizeAnimationEndEvent, type ViewerGridChangeSizeEvent, type ViewerGridCloseFilterPanelEvent, type ViewerGridCloseOverlayEvent, type ViewerGridMainToggleEvent } from "@dso-toolkit/core";
+import type { Components } from "@dso-toolkit/core/dist/components";
 import { DsoAccordionSection as DsoAccordionSectionElement } from "@dso-toolkit/core/dist/components/dso-accordion-section.js";
 import { DsoAccordion as DsoAccordionElement } from "@dso-toolkit/core/dist/components/dso-accordion.js";
 import { DsoActionListItem as DsoActionListItemElement } from "@dso-toolkit/core/dist/components/dso-action-list-item.js";
@@ -75,73 +77,72 @@ import { DsoTooltip as DsoTooltipElement } from "@dso-toolkit/core/dist/componen
 import { DsoTreeView as DsoTreeViewElement } from "@dso-toolkit/core/dist/components/dso-tree-view.js";
 import { DsoViewerGrid as DsoViewerGridElement } from "@dso-toolkit/core/dist/components/dso-viewer-grid.js";
 import { DsotDocumentComponentDemo as DsotDocumentComponentDemoElement } from "@dso-toolkit/core/dist/components/dsot-document-component-demo.js";
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 export type DsoAccordionEvents = NonNullable<unknown>;
-export declare const DsoAccordion: StencilReactComponent<DsoAccordionElement, DsoAccordionEvents>;
+export declare const DsoAccordion: StencilReactComponent<DsoAccordionElement, DsoAccordionEvents, Components.DsoAccordion>;
 export type DsoAccordionSectionEvents = {
     onDsoActiveChange: EventName<DsoAccordionSectionCustomEvent<AccordionSectionActiveChangeEvent>>;
     onDsoToggleClick: EventName<DsoAccordionSectionCustomEvent<AccordionSectionToggleClickEvent>>;
     onDsoAnimationStart: EventName<DsoAccordionSectionCustomEvent<AccordionSectionAnimationStartEvent>>;
     onDsoAnimationEnd: EventName<DsoAccordionSectionCustomEvent<AccordionSectionAnimationEndEvent>>;
 };
-export declare const DsoAccordionSection: StencilReactComponent<DsoAccordionSectionElement, DsoAccordionSectionEvents>;
+export declare const DsoAccordionSection: StencilReactComponent<DsoAccordionSectionElement, DsoAccordionSectionEvents, Components.DsoAccordionSection>;
 export type DsoActionListEvents = NonNullable<unknown>;
-export declare const DsoActionList: StencilReactComponent<DsoActionListElement, DsoActionListEvents>;
+export declare const DsoActionList: StencilReactComponent<DsoActionListElement, DsoActionListEvents, Components.DsoActionList>;
 export type DsoActionListItemEvents = NonNullable<unknown>;
-export declare const DsoActionListItem: StencilReactComponent<DsoActionListItemElement, DsoActionListItemEvents>;
+export declare const DsoActionListItem: StencilReactComponent<DsoActionListItemElement, DsoActionListItemEvents, Components.DsoActionListItem>;
 export type DsoAdvancedSelectEvents = {
     onDsoChange: EventName<DsoAdvancedSelectCustomEvent<AdvancedSelectChangeEvent<unknown>>>;
     onDsoRedirect: EventName<DsoAdvancedSelectCustomEvent<AdvancedSelectRedirectEvent>>;
 };
-export declare const DsoAdvancedSelect: StencilReactComponent<DsoAdvancedSelectElement, DsoAdvancedSelectEvents>;
+export declare const DsoAdvancedSelect: StencilReactComponent<DsoAdvancedSelectElement, DsoAdvancedSelectEvents, Components.DsoAdvancedSelect>;
 export type DsoAlertEvents = {
     onDsoClose: EventName<DsoAlertCustomEvent<AlertCloseEvent>>;
 };
-export declare const DsoAlert: StencilReactComponent<DsoAlertElement, DsoAlertEvents>;
+export declare const DsoAlert: StencilReactComponent<DsoAlertElement, DsoAlertEvents, Components.DsoAlert>;
 export type DsoAnnotationActiviteitEvents = {
     onDsoActiveChange: EventName<DsoAnnotationActiviteitCustomEvent<AnnotationActiveChangeEvent>>;
 };
-export declare const DsoAnnotationActiviteit: StencilReactComponent<DsoAnnotationActiviteitElement, DsoAnnotationActiviteitEvents>;
+export declare const DsoAnnotationActiviteit: StencilReactComponent<DsoAnnotationActiviteitElement, DsoAnnotationActiviteitEvents, Components.DsoAnnotationActiviteit>;
 export type DsoAnnotationGebiedsaanwijzingEvents = {
     onDsoActiveChange: EventName<DsoAnnotationGebiedsaanwijzingCustomEvent<AnnotationActiveChangeEvent>>;
 };
-export declare const DsoAnnotationGebiedsaanwijzing: StencilReactComponent<DsoAnnotationGebiedsaanwijzingElement, DsoAnnotationGebiedsaanwijzingEvents>;
+export declare const DsoAnnotationGebiedsaanwijzing: StencilReactComponent<DsoAnnotationGebiedsaanwijzingElement, DsoAnnotationGebiedsaanwijzingEvents, Components.DsoAnnotationGebiedsaanwijzing>;
 export type DsoAnnotationKaartEvents = {
     onDsoClick: EventName<DsoAnnotationKaartCustomEvent<AnnotationKaartClickEvent>>;
 };
-export declare const DsoAnnotationKaart: StencilReactComponent<DsoAnnotationKaartElement, DsoAnnotationKaartEvents>;
+export declare const DsoAnnotationKaart: StencilReactComponent<DsoAnnotationKaartElement, DsoAnnotationKaartEvents, Components.DsoAnnotationKaart>;
 export type DsoAnnotationLocatieEvents = {
     onDsoActiveChange: EventName<DsoAnnotationLocatieCustomEvent<AnnotationActiveChangeEvent>>;
 };
-export declare const DsoAnnotationLocatie: StencilReactComponent<DsoAnnotationLocatieElement, DsoAnnotationLocatieEvents>;
+export declare const DsoAnnotationLocatie: StencilReactComponent<DsoAnnotationLocatieElement, DsoAnnotationLocatieEvents, Components.DsoAnnotationLocatie>;
 export type DsoAnnotationOmgevingsnormwaardeEvents = {
     onDsoActiveChange: EventName<DsoAnnotationOmgevingsnormwaardeCustomEvent<AnnotationActiveChangeEvent>>;
 };
-export declare const DsoAnnotationOmgevingsnormwaarde: StencilReactComponent<DsoAnnotationOmgevingsnormwaardeElement, DsoAnnotationOmgevingsnormwaardeEvents>;
+export declare const DsoAnnotationOmgevingsnormwaarde: StencilReactComponent<DsoAnnotationOmgevingsnormwaardeElement, DsoAnnotationOmgevingsnormwaardeEvents, Components.DsoAnnotationOmgevingsnormwaarde>;
 export type DsoAttachmentsCounterEvents = NonNullable<unknown>;
-export declare const DsoAttachmentsCounter: StencilReactComponent<DsoAttachmentsCounterElement, DsoAttachmentsCounterEvents>;
+export declare const DsoAttachmentsCounter: StencilReactComponent<DsoAttachmentsCounterElement, DsoAttachmentsCounterEvents, Components.DsoAttachmentsCounter>;
 export type DsoAutosuggestEvents = {
     onDsoSelect: EventName<DsoAutosuggestCustomEvent<Suggestion>>;
     onDsoChange: EventName<DsoAutosuggestCustomEvent<string>>;
     onDsoSearch: EventName<DsoAutosuggestCustomEvent<string>>;
 };
-export declare const DsoAutosuggest: StencilReactComponent<DsoAutosuggestElement, DsoAutosuggestEvents>;
+export declare const DsoAutosuggest: StencilReactComponent<DsoAutosuggestElement, DsoAutosuggestEvents, Components.DsoAutosuggest>;
 export type DsoBadgeEvents = NonNullable<unknown>;
-export declare const DsoBadge: StencilReactComponent<DsoBadgeElement, DsoBadgeEvents>;
+export declare const DsoBadge: StencilReactComponent<DsoBadgeElement, DsoBadgeEvents, Components.DsoBadge>;
 export type DsoBannerEvents = NonNullable<unknown>;
-export declare const DsoBanner: StencilReactComponent<DsoBannerElement, DsoBannerEvents>;
+export declare const DsoBanner: StencilReactComponent<DsoBannerElement, DsoBannerEvents, Components.DsoBanner>;
 export type DsoButtonGroupEvents = NonNullable<unknown>;
-export declare const DsoButtonGroup: StencilReactComponent<DsoButtonGroupElement, DsoButtonGroupEvents>;
+export declare const DsoButtonGroup: StencilReactComponent<DsoButtonGroupElement, DsoButtonGroupEvents, Components.DsoButtonGroup>;
 export type DsoCardEvents = {
     onDsoCardClick: EventName<DsoCardCustomEvent<CardClickEvent>>;
 };
-export declare const DsoCard: StencilReactComponent<DsoCardElement, DsoCardEvents>;
+export declare const DsoCard: StencilReactComponent<DsoCardElement, DsoCardEvents, Components.DsoCard>;
 export type DsoCardContainerEvents = NonNullable<unknown>;
-export declare const DsoCardContainer: StencilReactComponent<DsoCardContainerElement, DsoCardContainerEvents>;
+export declare const DsoCardContainer: StencilReactComponent<DsoCardContainerElement, DsoCardContainerEvents, Components.DsoCardContainer>;
 export type DsoContactInformationEvents = NonNullable<unknown>;
-export declare const DsoContactInformation: StencilReactComponent<DsoContactInformationElement, DsoContactInformationEvents>;
+export declare const DsoContactInformation: StencilReactComponent<DsoContactInformationElement, DsoContactInformationEvents, Components.DsoContactInformation>;
 export type DsoCursorTooltipEvents = NonNullable<unknown>;
-export declare const DsoCursorTooltip: StencilReactComponent<DsoCursorTooltipElement, DsoCursorTooltipEvents>;
+export declare const DsoCursorTooltip: StencilReactComponent<DsoCursorTooltipElement, DsoCursorTooltipEvents, Components.DsoCursorTooltip>;
 export type DsoDatePickerEvents = {
     onDsoDateChange: EventName<DsoDatePickerCustomEvent<DatePickerChangeEvent>>;
     onDsoBlur: EventName<DsoDatePickerCustomEvent<DatePickerBlurEvent>>;
@@ -149,11 +150,11 @@ export type DsoDatePickerEvents = {
     onDsoKeyDown: EventName<DsoDatePickerCustomEvent<DatePickerKeyboardEvent>>;
     onDsoFocus: EventName<DsoDatePickerCustomEvent<DatePickerFocusEvent>>;
 };
-export declare const DsoDatePicker: StencilReactComponent<DsoDatePickerElement, DsoDatePickerEvents>;
+export declare const DsoDatePicker: StencilReactComponent<DsoDatePickerElement, DsoDatePickerEvents, Components.DsoDatePicker>;
 export type DsoDocumentCardEvents = {
     onDsoDocumentCardClick: EventName<DsoDocumentCardCustomEvent<DocumentCardClickEvent>>;
 };
-export declare const DsoDocumentCard: StencilReactComponent<DsoDocumentCardElement, DsoDocumentCardEvents>;
+export declare const DsoDocumentCard: StencilReactComponent<DsoDocumentCardElement, DsoDocumentCardEvents, Components.DsoDocumentCard>;
 export type DsoDocumentComponentEvents = {
     onDsoRecursiveToggle: EventName<DsoDocumentComponentCustomEvent<DocumentComponentRecursiveToggleEvent>>;
     onDsoOpenToggle: EventName<DsoDocumentComponentCustomEvent<DocumentComponentOpenToggleEvent>>;
@@ -162,189 +163,189 @@ export type DsoDocumentComponentEvents = {
     onDsoAnnotationToggle: EventName<DsoDocumentComponentCustomEvent<DocumentComponentToggleAnnotationEvent>>;
     onDsoMarkItemHighlight: EventName<DsoDocumentComponentCustomEvent<DocumentComponentMarkItemHighlightEvent>>;
 };
-export declare const DsoDocumentComponent: StencilReactComponent<DsoDocumentComponentElement, DsoDocumentComponentEvents>;
+export declare const DsoDocumentComponent: StencilReactComponent<DsoDocumentComponentElement, DsoDocumentComponentEvents, Components.DsoDocumentComponent>;
 export type DsoDropdownMenuEvents = NonNullable<unknown>;
-export declare const DsoDropdownMenu: StencilReactComponent<DsoDropdownMenuElement, DsoDropdownMenuEvents>;
+export declare const DsoDropdownMenu: StencilReactComponent<DsoDropdownMenuElement, DsoDropdownMenuEvents, Components.DsoDropdownMenu>;
 export type DsoExpandableEvents = {
     onDsoExpandableAnimationStart: EventName<DsoExpandableCustomEvent<ExpandableAnimationStartEvent>>;
     onDsoExpandableAnimationEnd: EventName<DsoExpandableCustomEvent<ExpandableAnimationEndEvent>>;
 };
-export declare const DsoExpandable: StencilReactComponent<DsoExpandableElement, DsoExpandableEvents>;
+export declare const DsoExpandable: StencilReactComponent<DsoExpandableElement, DsoExpandableEvents, Components.DsoExpandable>;
 export type DsoHeaderEvents = {
     onDsoHeaderClick: EventName<DsoHeaderCustomEvent<HeaderEvent>>;
 };
-export declare const DsoHeader: StencilReactComponent<DsoHeaderElement, DsoHeaderEvents>;
+export declare const DsoHeader: StencilReactComponent<DsoHeaderElement, DsoHeaderEvents, Components.DsoHeader>;
 export type DsoHighlightBoxEvents = NonNullable<unknown>;
-export declare const DsoHighlightBox: StencilReactComponent<DsoHighlightBoxElement, DsoHighlightBoxEvents>;
+export declare const DsoHighlightBox: StencilReactComponent<DsoHighlightBoxElement, DsoHighlightBoxEvents, Components.DsoHighlightBox>;
 export type DsoHistoryItemEvents = {
     onDsoClick: EventName<DsoHistoryItemCustomEvent<HistoryItemClickEvent>>;
 };
-export declare const DsoHistoryItem: StencilReactComponent<DsoHistoryItemElement, DsoHistoryItemEvents>;
+export declare const DsoHistoryItem: StencilReactComponent<DsoHistoryItemElement, DsoHistoryItemEvents, Components.DsoHistoryItem>;
 export type DsoIconEvents = NonNullable<unknown>;
-export declare const DsoIcon: StencilReactComponent<DsoIconElement, DsoIconEvents>;
+export declare const DsoIcon: StencilReactComponent<DsoIconElement, DsoIconEvents, Components.DsoIcon>;
 export type DsoIconButtonEvents = {
     onDsoClick: EventName<DsoIconButtonCustomEvent<IconButtonClickEvent>>;
 };
-export declare const DsoIconButton: StencilReactComponent<DsoIconButtonElement, DsoIconButtonEvents>;
+export declare const DsoIconButton: StencilReactComponent<DsoIconButtonElement, DsoIconButtonEvents, Components.DsoIconButton>;
 export type DsoImageOverlayEvents = NonNullable<unknown>;
-export declare const DsoImageOverlay: StencilReactComponent<DsoImageOverlayElement, DsoImageOverlayEvents>;
+export declare const DsoImageOverlay: StencilReactComponent<DsoImageOverlayElement, DsoImageOverlayEvents, Components.DsoImageOverlay>;
 export type DsoInfoEvents = {
     onDsoClose: EventName<DsoInfoCustomEvent<MouseEvent>>;
 };
-export declare const DsoInfo: StencilReactComponent<DsoInfoElement, DsoInfoEvents>;
+export declare const DsoInfo: StencilReactComponent<DsoInfoElement, DsoInfoEvents, Components.DsoInfo>;
 export type DsoInfoButtonEvents = {
     onDsoToggle: EventName<DsoInfoButtonCustomEvent<InfoButtonToggleEvent>>;
 };
-export declare const DsoInfoButton: StencilReactComponent<DsoInfoButtonElement, DsoInfoButtonEvents>;
+export declare const DsoInfoButton: StencilReactComponent<DsoInfoButtonElement, DsoInfoButtonEvents, Components.DsoInfoButton>;
 export type DsoInputRangeEvents = {
     onDsoChange: EventName<DsoInputRangeCustomEvent<InputRangeChangeEvent>>;
 };
-export declare const DsoInputRange: StencilReactComponent<DsoInputRangeElement, DsoInputRangeEvents>;
+export declare const DsoInputRange: StencilReactComponent<DsoInputRangeElement, DsoInputRangeEvents, Components.DsoInputRange>;
 export type DsoLabelEvents = {
     onDsoRemoveClick: EventName<DsoLabelCustomEvent<MouseEvent>>;
 };
-export declare const DsoLabel: StencilReactComponent<DsoLabelElement, DsoLabelEvents>;
+export declare const DsoLabel: StencilReactComponent<DsoLabelElement, DsoLabelEvents, Components.DsoLabel>;
 export type DsoLegendEvents = {
     onDsoContentSwitch: EventName<DsoLegendCustomEvent<LegendContentSwitchEvent>>;
     onDsoClose: EventName<DsoLegendCustomEvent<LegendCloseEvent>>;
 };
-export declare const DsoLegend: StencilReactComponent<DsoLegendElement, DsoLegendEvents>;
+export declare const DsoLegend: StencilReactComponent<DsoLegendElement, DsoLegendEvents, Components.DsoLegend>;
 export type DsoLegendGroupEvents = {
     onDsoLegendGroupModeChange: EventName<DsoLegendGroupCustomEvent<LegendGroupModeChangeEvent>>;
 };
-export declare const DsoLegendGroup: StencilReactComponent<DsoLegendGroupElement, DsoLegendGroupEvents>;
+export declare const DsoLegendGroup: StencilReactComponent<DsoLegendGroupElement, DsoLegendGroupEvents, Components.DsoLegendGroup>;
 export type DsoLegendItemEvents = {
     onDsoActiveChange: EventName<DsoLegendItemCustomEvent<LegendItemActiveChangeEvent>>;
     onDsoDelete: EventName<DsoLegendItemCustomEvent<LegendItemDeleteEvent>>;
     onDsoMouseEnter: EventName<DsoLegendItemCustomEvent<any>>;
     onDsoMouseLeave: EventName<DsoLegendItemCustomEvent<any>>;
 };
-export declare const DsoLegendItem: StencilReactComponent<DsoLegendItemElement, DsoLegendItemEvents>;
+export declare const DsoLegendItem: StencilReactComponent<DsoLegendItemElement, DsoLegendItemEvents, Components.DsoLegendItem>;
 export type DsoListButtonEvents = {
     onDsoCountChange: EventName<DsoListButtonCustomEvent<ListButtonChangeEvent>>;
     onDsoSelectedChange: EventName<DsoListButtonCustomEvent<ListButtonSelectedEvent>>;
 };
-export declare const DsoListButton: StencilReactComponent<DsoListButtonElement, DsoListButtonEvents>;
+export declare const DsoListButton: StencilReactComponent<DsoListButtonElement, DsoListButtonEvents, Components.DsoListButton>;
 export type DsoLogoEvents = {
     onDsoLogoClick: EventName<DsoLogoCustomEvent<LogoClickEvent>>;
     onDsoLabelClick: EventName<DsoLogoCustomEvent<LogoLabelClickEvent>>;
 };
-export declare const DsoLogo: StencilReactComponent<DsoLogoElement, DsoLogoEvents>;
+export declare const DsoLogo: StencilReactComponent<DsoLogoElement, DsoLogoEvents, Components.DsoLogo>;
 export type DsoMapBaseLayersEvents = {
     onDsoBaseLayerChange: EventName<DsoMapBaseLayersCustomEvent<BaseLayerChangeEvent>>;
 };
-export declare const DsoMapBaseLayers: StencilReactComponent<DsoMapBaseLayersElement, DsoMapBaseLayersEvents>;
+export declare const DsoMapBaseLayers: StencilReactComponent<DsoMapBaseLayersElement, DsoMapBaseLayersEvents, Components.DsoMapBaseLayers>;
 export type DsoMapControlsEvents = {
     onDsoZoomIn: EventName<DsoMapControlsCustomEvent<MouseEvent>>;
     onDsoZoomOut: EventName<DsoMapControlsCustomEvent<MouseEvent>>;
     onDsoToggle: EventName<DsoMapControlsCustomEvent<MapControlsToggleEvent>>;
 };
-export declare const DsoMapControls: StencilReactComponent<DsoMapControlsElement, DsoMapControlsEvents>;
+export declare const DsoMapControls: StencilReactComponent<DsoMapControlsElement, DsoMapControlsEvents, Components.DsoMapControls>;
 export type DsoMapLayerEvents = {
     onDsoActiveChange: EventName<DsoMapLayerCustomEvent<MapLayerActiveChangeEvent>>;
 };
-export declare const DsoMapLayer: StencilReactComponent<DsoMapLayerElement, DsoMapLayerEvents>;
+export declare const DsoMapLayer: StencilReactComponent<DsoMapLayerElement, DsoMapLayerEvents, Components.DsoMapLayer>;
 export type DsoMapLayerObjectEvents = {
     onDsoActiveChange: EventName<DsoMapLayerObjectCustomEvent<MapLayerObjectActiveChangeEvent>>;
     onDsoMouseEnter: EventName<DsoMapLayerObjectCustomEvent<any>>;
     onDsoMouseLeave: EventName<DsoMapLayerObjectCustomEvent<any>>;
 };
-export declare const DsoMapLayerObject: StencilReactComponent<DsoMapLayerObjectElement, DsoMapLayerObjectEvents>;
+export declare const DsoMapLayerObject: StencilReactComponent<DsoMapLayerObjectElement, DsoMapLayerObjectEvents, Components.DsoMapLayerObject>;
 export type DsoMapMessageEvents = NonNullable<unknown>;
-export declare const DsoMapMessage: StencilReactComponent<DsoMapMessageElement, DsoMapMessageEvents>;
+export declare const DsoMapMessage: StencilReactComponent<DsoMapMessageElement, DsoMapMessageEvents, Components.DsoMapMessage>;
 export type DsoMapOverlaysEvents = {
     onDsoToggleOverlay: EventName<DsoMapOverlaysCustomEvent<OverlayChangeEvent>>;
 };
-export declare const DsoMapOverlays: StencilReactComponent<DsoMapOverlaysElement, DsoMapOverlaysEvents>;
+export declare const DsoMapOverlays: StencilReactComponent<DsoMapOverlaysElement, DsoMapOverlaysEvents, Components.DsoMapOverlays>;
 export type DsoMarkBarEvents = {
     onDsoInput: EventName<DsoMarkBarCustomEvent<MarkBarInputEvent>>;
     onDsoNext: EventName<DsoMarkBarCustomEvent<MarkBarPaginationEvent>>;
     onDsoPrevious: EventName<DsoMarkBarCustomEvent<MarkBarPaginationEvent>>;
     onDsoClear: EventName<DsoMarkBarCustomEvent<MarkBarClearEvent>>;
 };
-export declare const DsoMarkBar: StencilReactComponent<DsoMarkBarElement, DsoMarkBarEvents>;
+export declare const DsoMarkBar: StencilReactComponent<DsoMarkBarElement, DsoMarkBarEvents, Components.DsoMarkBar>;
 export type DsoModalEvents = {
     onDsoClose: EventName<DsoModalCustomEvent<ModalCloseEvent>>;
 };
-export declare const DsoModal: StencilReactComponent<DsoModalElement, DsoModalEvents>;
+export declare const DsoModal: StencilReactComponent<DsoModalElement, DsoModalEvents, Components.DsoModal>;
 export type DsoOnboardingTipEvents = {
     onDsoClose: EventName<DsoOnboardingTipCustomEvent<OnboardingTipCloseEvent>>;
 };
-export declare const DsoOnboardingTip: StencilReactComponent<DsoOnboardingTipElement, DsoOnboardingTipEvents>;
+export declare const DsoOnboardingTip: StencilReactComponent<DsoOnboardingTipElement, DsoOnboardingTipEvents, Components.DsoOnboardingTip>;
 export type DsoOzonContentEvents = {
     onDsoClick: EventName<DsoOzonContentCustomEvent<OzonContentClickEvent>>;
     onDsoOzonContentMarkItemHighlight: EventName<DsoOzonContentCustomEvent<OzonContentMarkItemHighlightEvent>>;
 };
-export declare const DsoOzonContent: StencilReactComponent<DsoOzonContentElement, DsoOzonContentEvents>;
+export declare const DsoOzonContent: StencilReactComponent<DsoOzonContentElement, DsoOzonContentEvents, Components.DsoOzonContent>;
 export type DsoOzonContentToggletipEvents = NonNullable<unknown>;
-export declare const DsoOzonContentToggletip: StencilReactComponent<DsoOzonContentToggletipElement, DsoOzonContentToggletipEvents>;
+export declare const DsoOzonContentToggletip: StencilReactComponent<DsoOzonContentToggletipElement, DsoOzonContentToggletipEvents, Components.DsoOzonContentToggletip>;
 export type DsoPaginationEvents = {
     onDsoSelectPage: EventName<DsoPaginationCustomEvent<PaginationSelectPageEvent>>;
 };
-export declare const DsoPagination: StencilReactComponent<DsoPaginationElement, DsoPaginationEvents>;
+export declare const DsoPagination: StencilReactComponent<DsoPaginationElement, DsoPaginationEvents, Components.DsoPagination>;
 export type DsoPanelEvents = {
     onDsoCloseClick: EventName<DsoPanelCustomEvent<PanelCloseEvent>>;
 };
-export declare const DsoPanel: StencilReactComponent<DsoPanelElement, DsoPanelEvents>;
+export declare const DsoPanel: StencilReactComponent<DsoPanelElement, DsoPanelEvents, Components.DsoPanel>;
 export type DsoPlekinfoCardEvents = {
     onDsoPlekinfoCardClick: EventName<DsoPlekinfoCardCustomEvent<PlekinfoCardClickEvent>>;
 };
-export declare const DsoPlekinfoCard: StencilReactComponent<DsoPlekinfoCardElement, DsoPlekinfoCardEvents>;
+export declare const DsoPlekinfoCard: StencilReactComponent<DsoPlekinfoCardElement, DsoPlekinfoCardEvents, Components.DsoPlekinfoCard>;
 export type DsoProgressIndicatorEvents = NonNullable<unknown>;
-export declare const DsoProgressIndicator: StencilReactComponent<DsoProgressIndicatorElement, DsoProgressIndicatorEvents>;
+export declare const DsoProgressIndicator: StencilReactComponent<DsoProgressIndicatorElement, DsoProgressIndicatorEvents, Components.DsoProgressIndicator>;
 export type DsoProjectItemEvents = NonNullable<unknown>;
-export declare const DsoProjectItem: StencilReactComponent<DsoProjectItemElement, DsoProjectItemEvents>;
+export declare const DsoProjectItem: StencilReactComponent<DsoProjectItemElement, DsoProjectItemEvents, Components.DsoProjectItem>;
 export type DsoRenvooiEvents = {
     onDsoRenvooiMarkItemHighlight: EventName<DsoRenvooiCustomEvent<RenvooiMarkItemHighlightEvent>>;
 };
-export declare const DsoRenvooi: StencilReactComponent<DsoRenvooiElement, DsoRenvooiEvents>;
+export declare const DsoRenvooi: StencilReactComponent<DsoRenvooiElement, DsoRenvooiEvents, Components.DsoRenvooi>;
 export type DsoResponsiveElementEvents = {
     onDsoSizeChange: EventName<DsoResponsiveElementCustomEvent<ResponsiveElementSize>>;
 };
-export declare const DsoResponsiveElement: StencilReactComponent<DsoResponsiveElementElement, DsoResponsiveElementEvents>;
+export declare const DsoResponsiveElement: StencilReactComponent<DsoResponsiveElementElement, DsoResponsiveElementEvents, Components.DsoResponsiveElement>;
 export type DsoScrollableEvents = {
     onDsoScrollEnd: EventName<DsoScrollableCustomEvent<DsoScrollEndEvent>>;
 };
-export declare const DsoScrollable: StencilReactComponent<DsoScrollableElement, DsoScrollableEvents>;
+export declare const DsoScrollable: StencilReactComponent<DsoScrollableElement, DsoScrollableEvents, Components.DsoScrollable>;
 export type DsoSegmentedButtonEvents = {
     onDsoChange: EventName<DsoSegmentedButtonCustomEvent<SegmentedButtonChangeEvent>>;
 };
-export declare const DsoSegmentedButton: StencilReactComponent<DsoSegmentedButtonElement, DsoSegmentedButtonEvents>;
+export declare const DsoSegmentedButton: StencilReactComponent<DsoSegmentedButtonElement, DsoSegmentedButtonEvents, Components.DsoSegmentedButton>;
 export type DsoSelectableEvents = {
     onDsoChange: EventName<DsoSelectableCustomEvent<SelectableChangeEvent>>;
 };
-export declare const DsoSelectable: StencilReactComponent<DsoSelectableElement, DsoSelectableEvents>;
+export declare const DsoSelectable: StencilReactComponent<DsoSelectableElement, DsoSelectableEvents, Components.DsoSelectable>;
 export type DsoSkiplinkEvents = {
     onDsoSkiplinkClick: EventName<DsoSkiplinkCustomEvent<SkiplinkClickEvent>>;
 };
-export declare const DsoSkiplink: StencilReactComponent<DsoSkiplinkElement, DsoSkiplinkEvents>;
+export declare const DsoSkiplink: StencilReactComponent<DsoSkiplinkElement, DsoSkiplinkEvents, Components.DsoSkiplink>;
 export type DsoSlideToggleEvents = {
     onDsoActiveChange: EventName<DsoSlideToggleCustomEvent<SlideToggleActiveEvent>>;
 };
-export declare const DsoSlideToggle: StencilReactComponent<DsoSlideToggleElement, DsoSlideToggleEvents>;
+export declare const DsoSlideToggle: StencilReactComponent<DsoSlideToggleElement, DsoSlideToggleEvents, Components.DsoSlideToggle>;
 export type DsoSurveyRatingEvents = {
     onDsoSubmit: EventName<DsoSurveyRatingCustomEvent<SurveyRatingSubmitEvent>>;
     onDsoClose: EventName<DsoSurveyRatingCustomEvent<SurveyRatingCloseEvent>>;
 };
-export declare const DsoSurveyRating: StencilReactComponent<DsoSurveyRatingElement, DsoSurveyRatingEvents>;
+export declare const DsoSurveyRating: StencilReactComponent<DsoSurveyRatingElement, DsoSurveyRatingEvents, Components.DsoSurveyRating>;
 export type DsoTabEvents = {
     onDsoTabSwitch: EventName<DsoTabCustomEvent<TabsSwitchEvent>>;
 };
-export declare const DsoTab: StencilReactComponent<DsoTabElement, DsoTabEvents>;
+export declare const DsoTab: StencilReactComponent<DsoTabElement, DsoTabEvents, Components.DsoTab>;
 export type DsoTableEvents = NonNullable<unknown>;
-export declare const DsoTable: StencilReactComponent<DsoTableElement, DsoTableEvents>;
+export declare const DsoTable: StencilReactComponent<DsoTableElement, DsoTableEvents, Components.DsoTable>;
 export type DsoTabsEvents = NonNullable<unknown>;
-export declare const DsoTabs: StencilReactComponent<DsoTabsElement, DsoTabsEvents>;
+export declare const DsoTabs: StencilReactComponent<DsoTabsElement, DsoTabsEvents, Components.DsoTabs>;
 export type DsoTijdreisBannerEvents = NonNullable<unknown>;
-export declare const DsoTijdreisBanner: StencilReactComponent<DsoTijdreisBannerElement, DsoTijdreisBannerEvents>;
+export declare const DsoTijdreisBanner: StencilReactComponent<DsoTijdreisBannerElement, DsoTijdreisBannerEvents, Components.DsoTijdreisBanner>;
 export type DsoTooltipEvents = NonNullable<unknown>;
-export declare const DsoTooltip: StencilReactComponent<DsoTooltipElement, DsoTooltipEvents>;
+export declare const DsoTooltip: StencilReactComponent<DsoTooltipElement, DsoTooltipEvents, Components.DsoTooltip>;
 export type DsoTreeViewEvents = {
     onDsoOpenItem: EventName<DsoTreeViewCustomEvent<TreeViewItem[]>>;
     onDsoCloseItem: EventName<DsoTreeViewCustomEvent<TreeViewItem[]>>;
     onDsoClickItem: EventName<DsoTreeViewCustomEvent<TreeViewPointerEvent>>;
 };
-export declare const DsoTreeView: StencilReactComponent<DsoTreeViewElement, DsoTreeViewEvents>;
+export declare const DsoTreeView: StencilReactComponent<DsoTreeViewElement, DsoTreeViewEvents, Components.DsoTreeView>;
 export type DsoViewerGridEvents = {
     onDsoCloseOverlay: EventName<DsoViewerGridCustomEvent<ViewerGridCloseOverlayEvent>>;
     onDsoCloseFilterPanel: EventName<DsoViewerGridCustomEvent<ViewerGridCloseFilterPanelEvent>>;
@@ -354,9 +355,9 @@ export type DsoViewerGridEvents = {
     onDsoDocumentPanelSizeChangeAnimationEnd: EventName<DsoViewerGridCustomEvent<ViewerGridChangeSizeAnimationEndEvent>>;
     onDsoMainPanelToggle: EventName<DsoViewerGridCustomEvent<ViewerGridMainToggleEvent>>;
 };
-export declare const DsoViewerGrid: StencilReactComponent<DsoViewerGridElement, DsoViewerGridEvents>;
+export declare const DsoViewerGrid: StencilReactComponent<DsoViewerGridElement, DsoViewerGridEvents, Components.DsoViewerGrid>;
 export type DsotDocumentComponentDemoEvents = {
     onDsotOzonContentClick: EventName<DsotDocumentComponentDemoCustomEvent<DocumentComponentOzonContentClickEvent>>;
     onDsotTableOfContentsClick: EventName<DsotDocumentComponentDemoCustomEvent<DocumentComponentTableOfContentsClickEvent>>;
 };
-export declare const DsotDocumentComponentDemo: StencilReactComponent<DsotDocumentComponentDemoElement, DsotDocumentComponentDemoEvents>;
+export declare const DsotDocumentComponentDemo: StencilReactComponent<DsotDocumentComponentDemoElement, DsotDocumentComponentDemoEvents, Components.DsotDocumentComponentDemo>;

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@dso-toolkit/react",
   "type": "module",
-  "version": "93.0.0",
+  "version": "94.0.0",
   "description": "React specific wrapper for @dso-toolkit/core web components",
   "homepage": "https://www.dso-toolkit.nl/",
   "repository": {
     "type": "git",
     "url": "https://github.com/dso-toolkit/dso-toolkit.git"
   },
-  "scripts": {
-    "storybook:start": "wait-on file:./src/components.ts && yarn storybook dev --port 45600",
-    "storybook:build": "storybook build --output-dir ./www"
-  },
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "files": [
@@ -30,9 +26,7 @@
     "@types/lodash.startcase": "^4.4.9",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "dso-toolkit": "^93.0.0",
     "eslint": "^9.39.4",
-    "eslint-plugin-storybook": "10.3.3",
     "http-proxy-middleware": "^3.0.5",
     "lodash.startcase": "^4.4.0",
     "react": "^19.2.4",
@@ -42,14 +36,21 @@
     "tslib": "^2.8.1",
     "typescript": "~5.9.3",
     "vite": "^7.3.1",
-    "wait-on": "^9.0.4"
+    "wait-on": "^9.0.4",
+    "clsx": "^2.1.1",
+    "@dso-toolkit/core": "94.0.0",
+    "dso-toolkit": "94.0.0"
   },
   "peerDependencies": {
-    "@dso-toolkit/core": "93.0.0",
+    "@dso-toolkit/core": "94.0.0",
     "react": "^18.3.0 || ^19.0.0",
     "react-dom": "^18.3.0 || ^19.0.0"
   },
   "nx": {
     "includedScripts": []
+  },
+  "scripts": {
+    "storybook:start": "wait-on file:./src/components.ts && storybook dev --port 45600",
+    "storybook:build": "storybook build --output-dir ./www"
   }
 }