@dso-toolkit/core 102.0.0 → 104.0.0

package/dist/types/components/ozon-content/ozon-content.d.ts

@@ -3,6 +3,7 @@ import { MarkTextMarkFunction } from "../../functional-components/mark-text/mark
 import { OzonContentNodeState } from "./ozon-content-node-state.interface";
 import { OzonContentBegripResolver, OzonContentClickEvent, OzonContentInputType, OzonContentMarkItemHighlightEvent, OzonContentUrlResolver } from "./ozon-content.interfaces";
 export declare class OzonContent implements ComponentInterface {
+    host: HTMLDsoOzonContentElement;
     /**
      * The XML to be rendered.
      */
@@ -39,6 +40,12 @@ export declare class OzonContent implements ComponentInterface {
     dsoOzonContentMarkItemHighlight: EventEmitter<OzonContentMarkItemHighlightEvent>;
     contentWatcher(): void;
     state: OzonContentNodeState;
+    /**
+     * Returns the rendered element of the STOP element with the given `eId`, or `undefined` when it is not rendered.
+     *
+     * @param eId The `eId` attribute value of the STOP element, e.g. `chp_1__art_1.1__list_o_1__item_1`.
+     */
+    getElementByEId(eId: string): Promise<HTMLElement | undefined>;
     private handleMarkItemHighlight;
     render(): JSX.Element;
 }

package/dist/types/components/selectable/selectable.d.ts

@@ -70,6 +70,11 @@ export declare class Selectable implements ComponentInterface {
      * Set to true if the Info should not be toggled and always visible.
      */
     infoFixed?: boolean;
+    /**
+     * The accessible label of the close button of the Info. Make this specific, for example `Sluit toelichting [label]`.
+     * Defaults to "Sluiten".
+     */
+    infoCloseLabel?: string;
     /**
      * Emitted when the user checks or unchecks the Selectable.
      */
@@ -85,7 +90,10 @@ export declare class Selectable implements ComponentInterface {
     toggleInfo(active?: boolean): Promise<void>;
     private mutationObserver?;
     private fallbackIdentifier;
+    private infoIdentifier;
     private input;
+    private infoButton;
+    private handleInfoClose;
     private handleOnChange;
     componentDidLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components.d.ts

@@ -30,6 +30,7 @@ import { GridColumnCloseEvent } from "./components/grid-column/grid-column.inter
 import { HeaderAuthStatus, HeaderCompactMode, HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
 import { HistoryItemClickEvent, HistoryItemType } from "./components/history-item/history-item.interfaces";
 import { IconButtonClickEvent, IconButtonVariant } from "./components/icon-button/icon-button.interfaces";
+import { InfoCloseEvent } from "./components/info/info.interfaces";
 import { InfoButtonToggleEvent } from "./components/info-button/info-button.interfaces";
 import { InputRangeChangeEvent } from "./components/input-range/input-range.interfaces";
 import { LegendCloseEvent, LegendContentSwitchEvent, LegendGroupModeChangeEvent, LegendItemActiveChangeEvent, LegendItemDeleteEvent, LegendMode, LegendTabItem } from "./components/legend/legend.interfaces";
@@ -86,6 +87,7 @@ export { GridColumnCloseEvent } from "./components/grid-column/grid-column.inter
 export { HeaderAuthStatus, HeaderCompactMode, HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
 export { HistoryItemClickEvent, HistoryItemType } from "./components/history-item/history-item.interfaces";
 export { IconButtonClickEvent, IconButtonVariant } from "./components/icon-button/icon-button.interfaces";
+export { InfoCloseEvent } from "./components/info/info.interfaces";
 export { InfoButtonToggleEvent } from "./components/info-button/info-button.interfaces";
 export { InputRangeChangeEvent } from "./components/input-range/input-range.interfaces";
 export { LegendCloseEvent, LegendContentSwitchEvent, LegendGroupModeChangeEvent, LegendItemActiveChangeEvent, LegendItemDeleteEvent, LegendMode, LegendTabItem } from "./components/legend/legend.interfaces";
@@ -266,10 +268,6 @@ export namespace Components {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De noemer van de locatie.
          */
@@ -296,10 +294,6 @@ export namespace Components {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De naam van de gebiedsaanwijzing.
          */
@@ -328,10 +322,6 @@ export namespace Components {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De noemer van de locatie.
          */
@@ -350,10 +340,6 @@ export namespace Components {
           * De eenheid van de omgevingsnorm of omgevingswaarde.
          */
         "eenheid"?: RenvooiValue | string;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De naam van de omgevingsnorm of omgevingswaarde.
          */
@@ -561,6 +547,11 @@ export namespace Components {
           * Marks Document Component as reserved.
          */
         "gereserveerd": DocumentComponentInputType | undefined;
+        /**
+          * Returns the rendered element of the STOP element with the given `eId` in the Kop or Inhoud of this Document Component, or `undefined` when it is not rendered (e.g. when the Document Component is closed). Nested Document Components are not searched.
+          * @param eId The `eId` attribute value of the STOP element, e.g. `chp_1__art_1.1__list_o_1__item_1`.
+         */
+        "getElementByEId": (eId: string) => Promise<HTMLElement | undefined>;
         /**
           * The heading level to use (only in mode="document"). When the level is 6 or lower a native heading element (`<h2>` … `<h6>`) is rendered; deeper levels are rendered as `<div role="heading" aria-level="*">` because HTML has no native heading elements beyond `<h6>`. In mode="table-of-contents" the nested lists carry the structure and no heading is rendered.
           * @default 2
@@ -687,6 +678,9 @@ export namespace Components {
          */
         "open"?: boolean;
     }
+    /**
+     * Een kolom in het grid. In overlay-modus valt de kolom over de andere kolommen van de row.
+     */
     interface DsoGridColumn {
         /**
           * The column widths per breakpoint (e.g. "xs-4", "md-6 lg-8"). Without "col-" prefix. Widths only; push, pull and offset are not supported.
@@ -798,6 +792,14 @@ export namespace Components {
         "icon"?: IconAlias;
     }
     interface DsoIconButton {
+        /**
+          * The element controlled by the button. Sets `ariaControlsElements` on the native button when supported. Intended for a wrapping component passing an element across a shadow boundary.
+         */
+        "controlsElement"?: HTMLElement;
+        /**
+          * The element describing the button. Sets `ariaDescribedByElements` on the native button when supported. Intended for a wrapping component passing an element across a shadow boundary.
+         */
+        "describedByElement"?: HTMLElement;
         /**
           * To disable the Icon Button
           * @default false
@@ -812,7 +814,7 @@ export namespace Components {
          */
         "icon": IconAlias | undefined;
         /**
-          * The label of the Icon Button which is shown on hover in a tooltip.
+          * The accessible name of the Icon Button. Also shown as tooltip when `tooltip` is not set.
          */
         "label": string | undefined;
         /**
@@ -823,6 +825,10 @@ export namespace Components {
           * Whether the button is toggled.
          */
         "toggled"?: boolean;
+        /**
+          * Optional shorter text for the tooltip. Must occur as whole words in `label`, preferably at the start.
+         */
+        "tooltip"?: string;
         /**
           * The placement of the tooltip on hover and focus of the Icon Button.
           * @default "top"
@@ -845,6 +851,10 @@ export namespace Components {
           * Whether the Info is active.
          */
         "active"?: boolean;
+        /**
+          * The accessible label of the close button. Make this specific, for example `Sluit toelichting [label]`. Defaults to "Sluiten".
+         */
+        "closeLabel"?: string;
         /**
           * Set to true if the Info should not be toggled and always visible.
          */
@@ -856,6 +866,10 @@ export namespace Components {
           * @default false
          */
         "active": boolean;
+        /**
+          * The id of the element (e.g. `<dso-info>`) that is expanded or collapsed by this Info Button. The element must be in the same document or shadow root as the Info Button. When a toggletip is present, this property is ignored. Without a toggletip, `aria-expanded` is only set when `controls` is provided.
+         */
+        "controls"?: string;
         /**
           * The label.
           * @default "Toelichting bij optie"
@@ -1153,6 +1167,11 @@ export namespace Components {
           * The XML to be rendered.
          */
         "content"?: OzonContentInputType;
+        /**
+          * Returns the rendered element of the STOP element with the given `eId`, or `undefined` when it is not rendered.
+          * @param eId The `eId` attribute value of the STOP element, e.g. `chp_1__art_1.1__list_o_1__item_1`.
+         */
+        "getElementByEId": (eId: string) => Promise<HTMLElement | undefined>;
         /**
           * Setting this property creates dso-ozon-content as inline element instead of a block element.
           * @default false
@@ -1167,6 +1186,9 @@ export namespace Components {
          */
         "urlResolver"?: OzonContentUrlResolver;
     }
+    /**
+     * Private component, do not use.
+     */
     interface DsoOzonContentToggletip {
         /**
           * The alias of the icon in the button.
@@ -1317,6 +1339,10 @@ export namespace Components {
           * An indeterminate state is neither true or false. It means the answer is somewhere in between.  Can be used to indicate child Selectables that are a mix of checked and unchecked.
          */
         "indeterminate"?: boolean;
+        /**
+          * The accessible label of the close button of the Info. Make this specific, for example `Sluit toelichting [label]`. Defaults to "Sluiten".
+         */
+        "infoCloseLabel"?: string;
         /**
           * Set to true if the Info should not be toggled and always visible.
          */
@@ -2102,6 +2128,9 @@ declare global {
     interface HTMLDsoGridColumnElementEventMap {
         "dsoClose": GridColumnCloseEvent;
     }
+    /**
+     * Een kolom in het grid. In overlay-modus valt de kolom over de andere kolommen van de row.
+     */
     interface HTMLDsoGridColumnElement extends Components.DsoGridColumn, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsoGridColumnElementEventMap>(type: K, listener: (this: HTMLDsoGridColumnElement, ev: DsoGridColumnCustomEvent<HTMLDsoGridColumnElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2192,7 +2221,7 @@ declare global {
         new (): HTMLDsoImageOverlayElement;
     };
     interface HTMLDsoInfoElementEventMap {
-        "dsoClose": MouseEvent;
+        "dsoClose": InfoCloseEvent;
     }
     interface HTMLDsoInfoElement extends Components.DsoInfo, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsoInfoElementEventMap>(type: K, listener: (this: HTMLDsoInfoElement, ev: DsoInfoCustomEvent<HTMLDsoInfoElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2517,6 +2546,9 @@ declare global {
         prototype: HTMLDsoOzonContentElement;
         new (): HTMLDsoOzonContentElement;
     };
+    /**
+     * Private component, do not use.
+     */
     interface HTMLDsoOzonContentToggletipElement extends Components.DsoOzonContentToggletip, HTMLStencilElement {
     }
     var HTMLDsoOzonContentToggletipElement: {
@@ -3114,10 +3146,6 @@ declare namespace LocalJSX {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De noemer van de locatie.
          */
@@ -3148,10 +3176,6 @@ declare namespace LocalJSX {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De naam van de gebiedsaanwijzing.
          */
@@ -3188,10 +3212,6 @@ declare namespace LocalJSX {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De noemer van de locatie.
          */
@@ -3214,10 +3234,6 @@ declare namespace LocalJSX {
           * De eenheid van de omgevingsnorm of omgevingswaarde.
          */
         "eenheid"?: RenvooiValue | string;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De naam van de omgevingsnorm of omgevingswaarde.
          */
@@ -3629,6 +3645,9 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
     }
+    /**
+     * Een kolom in het grid. In overlay-modus valt de kolom over de andere kolommen van de row.
+     */
     interface DsoGridColumn {
         /**
           * The column widths per breakpoint (e.g. "xs-4", "md-6 lg-8"). Without "col-" prefix. Widths only; push, pull and offset are not supported.
@@ -3752,6 +3771,14 @@ declare namespace LocalJSX {
         "icon"?: IconAlias;
     }
     interface DsoIconButton {
+        /**
+          * The element controlled by the button. Sets `ariaControlsElements` on the native button when supported. Intended for a wrapping component passing an element across a shadow boundary.
+         */
+        "controlsElement"?: HTMLElement;
+        /**
+          * The element describing the button. Sets `ariaDescribedByElements` on the native button when supported. Intended for a wrapping component passing an element across a shadow boundary.
+         */
+        "describedByElement"?: HTMLElement;
         /**
           * To disable the Icon Button
           * @default false
@@ -3766,7 +3793,7 @@ declare namespace LocalJSX {
          */
         "icon": IconAlias | undefined;
         /**
-          * The label of the Icon Button which is shown on hover in a tooltip.
+          * The accessible name of the Icon Button. Also shown as tooltip when `tooltip` is not set.
          */
         "label": string | undefined;
         /**
@@ -3777,6 +3804,10 @@ declare namespace LocalJSX {
           * Whether the button is toggled.
          */
         "toggled"?: boolean;
+        /**
+          * Optional shorter text for the tooltip. Must occur as whole words in `label`, preferably at the start.
+         */
+        "tooltip"?: string;
         /**
           * The placement of the tooltip on hover and focus of the Icon Button.
           * @default "top"
@@ -3799,14 +3830,18 @@ declare namespace LocalJSX {
           * Whether the Info is active.
          */
         "active"?: boolean;
+        /**
+          * The accessible label of the close button. Make this specific, for example `Sluit toelichting [label]`. Defaults to "Sluiten".
+         */
+        "closeLabel"?: string;
         /**
           * Set to true if the Info should not be toggled and always visible.
          */
         "fixed"?: boolean;
         /**
-          * Emitted when the user activates the close button.
+          * Emitted when the user activates the close button.  `previousActiveElement` contains the element that had focus when the Info was activated. Use it to return focus after closing the Info.
          */
-        "onDsoClose"?: (event: DsoInfoCustomEvent<MouseEvent>) => void;
+        "onDsoClose"?: (event: DsoInfoCustomEvent<InfoCloseEvent>) => void;
     }
     interface DsoInfoButton {
         /**
@@ -3814,6 +3849,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "active"?: boolean;
+        /**
+          * The id of the element (e.g. `<dso-info>`) that is expanded or collapsed by this Info Button. The element must be in the same document or shadow root as the Info Button. When a toggletip is present, this property is ignored. Without a toggletip, `aria-expanded` is only set when `controls` is provided.
+         */
+        "controls"?: string;
         /**
           * The label.
           * @default "Toelichting bij optie"
@@ -4232,6 +4271,9 @@ declare namespace LocalJSX {
          */
         "urlResolver"?: OzonContentUrlResolver;
     }
+    /**
+     * Private component, do not use.
+     */
     interface DsoOzonContentToggletip {
         /**
           * The alias of the icon in the button.
@@ -4401,6 +4443,10 @@ declare namespace LocalJSX {
           * An indeterminate state is neither true or false. It means the answer is somewhere in between.  Can be used to indicate child Selectables that are a mix of checked and unchecked.
          */
         "indeterminate"?: boolean;
+        /**
+          * The accessible label of the close button of the Info. Make this specific, for example `Sluit toelichting [label]`. Defaults to "Sluiten".
+         */
+        "infoCloseLabel"?: string;
         /**
           * Set to true if the Info should not be toggled and always visible.
          */
@@ -4740,7 +4786,6 @@ declare namespace LocalJSX {
     interface DsoAnnotationActiviteitAttributes {
         "wijzigactie": AnnotationWijzigactie;
         "active": boolean;
-        "gewijzigdeLocatie": boolean;
         "naam": RenvooiValue | string;
         "regelKwalificatie": RenvooiValue | string;
         "regelKwalificatieVoorzetsel": string;
@@ -4748,7 +4793,6 @@ declare namespace LocalJSX {
     interface DsoAnnotationGebiedsaanwijzingAttributes {
         "wijzigactie": AnnotationWijzigactie;
         "active": boolean;
-        "gewijzigdeLocatie": boolean;
         "naam": RenvooiValue | string;
     }
     interface DsoAnnotationKaartAttributes {
@@ -4759,13 +4803,11 @@ declare namespace LocalJSX {
     interface DsoAnnotationLocatieAttributes {
         "wijzigactie": AnnotationWijzigactie;
         "active": boolean;
-        "gewijzigdeLocatie": boolean;
         "locatieNoemer": RenvooiValue | string;
     }
     interface DsoAnnotationOmgevingsnormwaardeAttributes {
         "wijzigactie": AnnotationWijzigactie;
         "active": boolean;
-        "gewijzigdeLocatie": boolean;
         "naam": RenvooiValue | string;
         "toelichting": string;
         "eenheid": RenvooiValue | string;
@@ -4893,6 +4935,7 @@ declare namespace LocalJSX {
     interface DsoIconButtonAttributes {
         "icon": IconAlias | undefined;
         "label": string | undefined;
+        "tooltip": string;
         "variant": IconButtonVariant;
         "tooltipPlacement": TooltipPlacement;
         "disabled": boolean;
@@ -4905,11 +4948,13 @@ declare namespace LocalJSX {
     interface DsoInfoAttributes {
         "fixed": boolean;
         "active": boolean;
+        "closeLabel": string;
     }
     interface DsoInfoButtonAttributes {
         "active": boolean;
         "label": string;
         "toggletipPlacement": TooltipPlacement;
+        "controls": string;
     }
     interface DsoInputRangeAttributes {
         "min": number;
@@ -5048,6 +5093,7 @@ declare namespace LocalJSX {
         "checked": boolean;
         "indeterminate": boolean;
         "infoFixed": boolean;
+        "infoCloseLabel": string;
     }
     interface DsoShoppingCartAttributes {
         "mode": ShoppingCartMode;
@@ -5210,6 +5256,9 @@ declare module "@stencil/core" {
             "dso-dropdown-menu-group": LocalJSX.IntrinsicElements["dso-dropdown-menu-group"] & JSXBase.HTMLAttributes<HTMLDsoDropdownMenuGroupElement>;
             "dso-dropdown-menu-item": LocalJSX.IntrinsicElements["dso-dropdown-menu-item"] & JSXBase.HTMLAttributes<HTMLDsoDropdownMenuItemElement>;
             "dso-expandable": LocalJSX.IntrinsicElements["dso-expandable"] & JSXBase.HTMLAttributes<HTMLDsoExpandableElement>;
+            /**
+             * Een kolom in het grid. In overlay-modus valt de kolom over de andere kolommen van de row.
+             */
             "dso-grid-column": LocalJSX.IntrinsicElements["dso-grid-column"] & JSXBase.HTMLAttributes<HTMLDsoGridColumnElement>;
             "dso-header": LocalJSX.IntrinsicElements["dso-header"] & JSXBase.HTMLAttributes<HTMLDsoHeaderElement>;
             "dso-hero-image": LocalJSX.IntrinsicElements["dso-hero-image"] & JSXBase.HTMLAttributes<HTMLDsoHeroImageElement>;
@@ -5237,6 +5286,9 @@ declare module "@stencil/core" {
             "dso-modal": LocalJSX.IntrinsicElements["dso-modal"] & JSXBase.HTMLAttributes<HTMLDsoModalElement>;
             "dso-onboarding-tip": LocalJSX.IntrinsicElements["dso-onboarding-tip"] & JSXBase.HTMLAttributes<HTMLDsoOnboardingTipElement>;
             "dso-ozon-content": LocalJSX.IntrinsicElements["dso-ozon-content"] & JSXBase.HTMLAttributes<HTMLDsoOzonContentElement>;
+            /**
+             * Private component, do not use.
+             */
             "dso-ozon-content-toggletip": LocalJSX.IntrinsicElements["dso-ozon-content-toggletip"] & JSXBase.HTMLAttributes<HTMLDsoOzonContentToggletipElement>;
             "dso-pagination": LocalJSX.IntrinsicElements["dso-pagination"] & JSXBase.HTMLAttributes<HTMLDsoPaginationElement>;
             "dso-panel": LocalJSX.IntrinsicElements["dso-panel"] & JSXBase.HTMLAttributes<HTMLDsoPanelElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "102.0.0",
+  "version": "104.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -17,41 +17,41 @@
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
     "@stencil/core": "4.45.2",
-    "@stencil/store": "^2.2.4",
+    "@stencil/store": "^2.2.5",
     "clsx": "^2.1.1",
-    "dso-toolkit": "102.0.0",
+    "dso-toolkit": "104.0.0",
     "escape-string-regexp": "^5.0.0",
-    "focus-trap": "^8.2.2",
-    "i18next": "^26.4.2",
+    "focus-trap": "^8.2.3",
+    "i18next": "^26.5.2",
     "tabbable": "^6.5.0",
-    "uuid": "^14.0.2"
+    "uuid": "^14.0.3"
   },
   "devDependencies": {
-    "@stencil/angular-output-target": "^1.4.1",
-    "@stencil/react-output-target": "^1.6.2",
+    "@stencil/angular-output-target": "^1.5.2",
+    "@stencil/react-output-target": "^1.6.5",
     "@stencil/sass": "^3.3.3",
     "@types/debounce": "^1.2.4",
     "@types/lodash.kebabcase": "^4.1.9",
     "@types/lodash.random": "^3.2.9",
     "@types/lodash.samplesize": "^4.2.9",
-    "@types/node": "^24.13.3",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.7",
-    "concurrently": "^10.0.5",
+    "@types/node": "^24.19.2",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "concurrently": "^10.0.6",
     "debounce": "^3.0.0",
     "lodash.kebabcase": "^4.1.1",
     "lodash.random": "^3.2.0",
     "lodash.samplesize": "^4.2.0",
-    "prettier": "^3.9.6",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
+    "prettier": "^3.9.10",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
     "rimraf": "^6.1.3",
     "stencil-inline-svg": "^1.1.0",
-    "tsx": "^4.23.13",
+    "tsx": "^4.23.15",
     "typescript": "~5.9.3"
   },
   "peerDependencies": {
-    "dso-toolkit": "102.0.0"
+    "dso-toolkit": "104.0.0"
   },
   "nx": {
     "includedScripts": []