@ukho/admiralty-react 5.5.2 → 5.5.3--canary.439.1e91dc1.0

package/dist/components.d.ts

@@ -60,6 +60,7 @@ import { AdmiraltyTextSideBarItem as AdmiraltyTextSideBarItemElement } from "@uk
 import { AdmiraltyTextSideBar as AdmiraltyTextSideBarElement } from "@ukho/admiralty-core/dist/components/admiralty-text-side-bar.js";
 import { AdmiraltyTextarea as AdmiraltyTextareaElement } from "@ukho/admiralty-core/dist/components/admiralty-textarea.js";
 import { AdmiraltyThemeToggle as AdmiraltyThemeToggleElement } from "@ukho/admiralty-core/dist/components/admiralty-theme-toggle.js";
+import { AdmiraltyTooltip as AdmiraltyTooltipElement } from "@ukho/admiralty-core/dist/components/admiralty-tooltip.js";
 type AdmiraltyAutocompleteEvents = {
     onAdmiraltyChange: EventName<AdmiraltyAutocompleteCustomEvent<AutoCompleteChangeEventDetail>>;
 };
@@ -233,4 +234,6 @@ type AdmiraltyThemeToggleEvents = {
     onAdmiraltyThemeChange: EventName<AdmiraltyThemeToggleCustomEvent<ThemeToggleChangeEventDetail>>;
 };
 export declare const AdmiraltyThemeToggle: StencilReactComponent<AdmiraltyThemeToggleElement, AdmiraltyThemeToggleEvents>;
+type AdmiraltyTooltipEvents = NonNullable<unknown>;
+export declare const AdmiraltyTooltip: StencilReactComponent<AdmiraltyTooltipElement, AdmiraltyTooltipEvents>;
 export {};

package/dist/components.js

@@ -56,11 +56,11 @@ import { AdmiraltyTextSideBarItem as AdmiraltyTextSideBarItemElement, defineCust
 import { AdmiraltyTextSideBar as AdmiraltyTextSideBarElement, defineCustomElement as defineAdmiraltyTextSideBar } from "@ukho/admiralty-core/dist/components/admiralty-text-side-bar.js";
 import { AdmiraltyTextarea as AdmiraltyTextareaElement, defineCustomElement as defineAdmiraltyTextarea } from "@ukho/admiralty-core/dist/components/admiralty-textarea.js";
 import { AdmiraltyThemeToggle as AdmiraltyThemeToggleElement, defineCustomElement as defineAdmiraltyThemeToggle } from "@ukho/admiralty-core/dist/components/admiralty-theme-toggle.js";
+import { AdmiraltyTooltip as AdmiraltyTooltipElement, defineCustomElement as defineAdmiraltyTooltip } from "@ukho/admiralty-core/dist/components/admiralty-tooltip.js";
 import React from 'react';
 export const AdmiraltyAutocomplete = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-autocomplete',
     elementClass: AdmiraltyAutocompleteElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onAdmiraltyChange: 'admiraltyChange' },
     defineCustomElement: defineAdmiraltyAutocomplete
@@ -68,7 +68,6 @@ export const AdmiraltyAutocomplete = /*@__PURE__*/ createComponent({
 export const AdmiraltyAutocompleteOption = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-autocomplete-option',
     elementClass: AdmiraltyAutocompleteOptionElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyAutocompleteOption
@@ -76,7 +75,6 @@ export const AdmiraltyAutocompleteOption = /*@__PURE__*/ createComponent({
 export const AdmiraltyBreadcrumb = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-breadcrumb',
     elementClass: AdmiraltyBreadcrumbElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyBreadcrumb
@@ -84,7 +82,6 @@ export const AdmiraltyBreadcrumb = /*@__PURE__*/ createComponent({
 export const AdmiraltyBreadcrumbs = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-breadcrumbs',
     elementClass: AdmiraltyBreadcrumbsElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyBreadcrumbs
@@ -92,7 +89,6 @@ export const AdmiraltyBreadcrumbs = /*@__PURE__*/ createComponent({
 export const AdmiraltyButton = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-button',
     elementClass: AdmiraltyButtonElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyButton
@@ -100,7 +96,6 @@ export const AdmiraltyButton = /*@__PURE__*/ createComponent({
 export const AdmiraltyCard = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-card',
     elementClass: AdmiraltyCardElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyCard
@@ -108,7 +103,6 @@ export const AdmiraltyCard = /*@__PURE__*/ createComponent({
 export const AdmiraltyCheckbox = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-checkbox',
     elementClass: AdmiraltyCheckboxElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {
         onAdmiraltyChange: 'admiraltyChange',
@@ -120,7 +114,6 @@ export const AdmiraltyCheckbox = /*@__PURE__*/ createComponent({
 export const AdmiraltyColourBlock = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-colour-block',
     elementClass: AdmiraltyColourBlockElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onColourBlockLinkClicked: 'colourBlockLinkClicked' },
     defineCustomElement: defineAdmiraltyColourBlock
@@ -128,7 +121,6 @@ export const AdmiraltyColourBlock = /*@__PURE__*/ createComponent({
 export const AdmiraltyDialogue = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-dialogue',
     elementClass: AdmiraltyDialogueElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyDialogue
@@ -136,7 +128,6 @@ export const AdmiraltyDialogue = /*@__PURE__*/ createComponent({
 export const AdmiraltyErrorSummary = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-error-summary',
     elementClass: AdmiraltyErrorSummaryElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyErrorSummary
@@ -144,7 +135,6 @@ export const AdmiraltyErrorSummary = /*@__PURE__*/ createComponent({
 export const AdmiraltyExpansion = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-expansion',
     elementClass: AdmiraltyExpansionElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onToggled: 'toggled' },
     defineCustomElement: defineAdmiraltyExpansion
@@ -152,7 +142,6 @@ export const AdmiraltyExpansion = /*@__PURE__*/ createComponent({
 export const AdmiraltyFileInput = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-file-input',
     elementClass: AdmiraltyFileInputElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onFileInputChange: 'fileInputChange' },
     defineCustomElement: defineAdmiraltyFileInput
@@ -160,7 +149,6 @@ export const AdmiraltyFileInput = /*@__PURE__*/ createComponent({
 export const AdmiraltyFilter = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-filter',
     elementClass: AdmiraltyFilterElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {
         onFilterCleared: 'filterCleared',
@@ -171,7 +159,6 @@ export const AdmiraltyFilter = /*@__PURE__*/ createComponent({
 export const AdmiraltyFilterGroup = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-filter-group',
     elementClass: AdmiraltyFilterGroupElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyFilterGroup
@@ -179,7 +166,6 @@ export const AdmiraltyFilterGroup = /*@__PURE__*/ createComponent({
 export const AdmiraltyFooter = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-footer',
     elementClass: AdmiraltyFooterElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyFooter
@@ -187,7 +173,6 @@ export const AdmiraltyFooter = /*@__PURE__*/ createComponent({
 export const AdmiraltyHeader = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-header',
     elementClass: AdmiraltyHeaderElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onTitledClicked: 'titledClicked' },
     defineCustomElement: defineAdmiraltyHeader
@@ -195,7 +180,6 @@ export const AdmiraltyHeader = /*@__PURE__*/ createComponent({
 export const AdmiraltyHeaderMenuItem = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-header-menu-item',
     elementClass: AdmiraltyHeaderMenuItemElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onMenuItemClick: 'menuItemClick' },
     defineCustomElement: defineAdmiraltyHeaderMenuItem
@@ -203,7 +187,6 @@ export const AdmiraltyHeaderMenuItem = /*@__PURE__*/ createComponent({
 export const AdmiraltyHeaderMenuLink = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-header-menu-link',
     elementClass: AdmiraltyHeaderMenuLinkElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onMenuItemClick: 'menuItemClick' },
     defineCustomElement: defineAdmiraltyHeaderMenuLink
@@ -211,7 +194,6 @@ export const AdmiraltyHeaderMenuLink = /*@__PURE__*/ createComponent({
 export const AdmiraltyHeaderProfile = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-header-profile',
     elementClass: AdmiraltyHeaderProfileElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {
         onSignInClicked: 'signInClicked',
@@ -223,7 +205,6 @@ export const AdmiraltyHeaderProfile = /*@__PURE__*/ createComponent({
 export const AdmiraltyHeaderSubMenuItem = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-header-sub-menu-item',
     elementClass: AdmiraltyHeaderSubMenuItemElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onSubMenuItemClick: 'subMenuItemClick' },
     defineCustomElement: defineAdmiraltyHeaderSubMenuItem
@@ -231,7 +212,6 @@ export const AdmiraltyHeaderSubMenuItem = /*@__PURE__*/ createComponent({
 export const AdmiraltyHint = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-hint',
     elementClass: AdmiraltyHintElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyHint
@@ -239,7 +219,6 @@ export const AdmiraltyHint = /*@__PURE__*/ createComponent({
 export const AdmiraltyHr = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-hr',
     elementClass: AdmiraltyHrElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyHr
@@ -247,7 +226,6 @@ export const AdmiraltyHr = /*@__PURE__*/ createComponent({
 export const AdmiraltyIcon = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-icon',
     elementClass: AdmiraltyIconElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyIcon
@@ -255,7 +233,6 @@ export const AdmiraltyIcon = /*@__PURE__*/ createComponent({
 export const AdmiraltyIconSideBar = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-icon-side-bar',
     elementClass: AdmiraltyIconSideBarElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyIconSideBar
@@ -263,7 +240,6 @@ export const AdmiraltyIconSideBar = /*@__PURE__*/ createComponent({
 export const AdmiraltyIconSideBarItem = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-icon-side-bar-item',
     elementClass: AdmiraltyIconSideBarItemElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {
         onToggled: 'toggled',
@@ -274,7 +250,6 @@ export const AdmiraltyIconSideBarItem = /*@__PURE__*/ createComponent({
 export const AdmiraltyInput = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-input',
     elementClass: AdmiraltyInputElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {
         onAdmiraltyInput: 'admiraltyInput',
@@ -286,7 +261,6 @@ export const AdmiraltyInput = /*@__PURE__*/ createComponent({
 export const AdmiraltyInputInvalid = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-input-invalid',
     elementClass: AdmiraltyInputInvalidElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyInputInvalid
@@ -294,7 +268,6 @@ export const AdmiraltyInputInvalid = /*@__PURE__*/ createComponent({
 export const AdmiraltyLabel = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-label',
     elementClass: AdmiraltyLabelElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyLabel
@@ -302,7 +275,6 @@ export const AdmiraltyLabel = /*@__PURE__*/ createComponent({
 export const AdmiraltyLink = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-link',
     elementClass: AdmiraltyLinkElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyLink
@@ -310,7 +282,6 @@ export const AdmiraltyLink = /*@__PURE__*/ createComponent({
 export const AdmiraltyModalDialog = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-modal-dialog',
     elementClass: AdmiraltyModalDialogElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyModalDialog
@@ -318,7 +289,6 @@ export const AdmiraltyModalDialog = /*@__PURE__*/ createComponent({
 export const AdmiraltyPaginator = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-paginator',
     elementClass: AdmiraltyPaginatorElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onPageChange: 'pageChange' },
     defineCustomElement: defineAdmiraltyPaginator
@@ -326,7 +296,6 @@ export const AdmiraltyPaginator = /*@__PURE__*/ createComponent({
 export const AdmiraltyPhaseBanner = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-phase-banner',
     elementClass: AdmiraltyPhaseBannerElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyPhaseBanner
@@ -334,7 +303,6 @@ export const AdmiraltyPhaseBanner = /*@__PURE__*/ createComponent({
 export const AdmiraltyPill = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-pill',
     elementClass: AdmiraltyPillElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyPill
@@ -342,7 +310,6 @@ export const AdmiraltyPill = /*@__PURE__*/ createComponent({
 export const AdmiraltyProgressBar = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-progress-bar',
     elementClass: AdmiraltyProgressBarElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyProgressBar
@@ -350,7 +317,6 @@ export const AdmiraltyProgressBar = /*@__PURE__*/ createComponent({
 export const AdmiraltyProgressTracker = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-progress-tracker',
     elementClass: AdmiraltyProgressTrackerElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onStepClicked: 'stepClicked' },
     defineCustomElement: defineAdmiraltyProgressTracker
@@ -358,7 +324,6 @@ export const AdmiraltyProgressTracker = /*@__PURE__*/ createComponent({
 export const AdmiraltyProgressTrackerStep = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-progress-tracker-step',
     elementClass: AdmiraltyProgressTrackerStepElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyProgressTrackerStep
@@ -366,7 +331,6 @@ export const AdmiraltyProgressTrackerStep = /*@__PURE__*/ createComponent({
 export const AdmiraltyRadio = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-radio',
     elementClass: AdmiraltyRadioElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {
         onAdmiraltyFocus: 'admiraltyFocus',
@@ -378,7 +342,6 @@ export const AdmiraltyRadio = /*@__PURE__*/ createComponent({
 export const AdmiraltyRadioGroup = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-radio-group',
     elementClass: AdmiraltyRadioGroupElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onAdmiraltyChange: 'admiraltyChange' },
     defineCustomElement: defineAdmiraltyRadioGroup
@@ -386,7 +349,6 @@ export const AdmiraltyRadioGroup = /*@__PURE__*/ createComponent({
 export const AdmiraltyReadMore = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-read-more',
     elementClass: AdmiraltyReadMoreElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onAdmiraltyToggled: 'admiraltyToggled' },
     defineCustomElement: defineAdmiraltyReadMore
@@ -394,7 +356,6 @@ export const AdmiraltyReadMore = /*@__PURE__*/ createComponent({
 export const AdmiraltySelect = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-select',
     elementClass: AdmiraltySelectElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {
         onAdmiraltyChange: 'admiraltyChange',
@@ -405,7 +366,6 @@ export const AdmiraltySelect = /*@__PURE__*/ createComponent({
 export const AdmiraltySideNav = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-side-nav',
     elementClass: AdmiraltySideNavElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltySideNav
@@ -413,7 +373,6 @@ export const AdmiraltySideNav = /*@__PURE__*/ createComponent({
 export const AdmiraltySideNavItem = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-side-nav-item',
     elementClass: AdmiraltySideNavItemElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onSideNavItemSelected: 'sideNavItemSelected' },
     defineCustomElement: defineAdmiraltySideNavItem
@@ -421,7 +380,6 @@ export const AdmiraltySideNavItem = /*@__PURE__*/ createComponent({
 export const AdmiraltySkeleton = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-skeleton',
     elementClass: AdmiraltySkeletonElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltySkeleton
@@ -429,7 +387,6 @@ export const AdmiraltySkeleton = /*@__PURE__*/ createComponent({
 export const AdmiraltySkipLink = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-skip-link',
     elementClass: AdmiraltySkipLinkElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltySkipLink
@@ -437,7 +394,6 @@ export const AdmiraltySkipLink = /*@__PURE__*/ createComponent({
 export const AdmiraltyTab = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-tab',
     elementClass: AdmiraltyTabElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyTab
@@ -445,7 +401,6 @@ export const AdmiraltyTab = /*@__PURE__*/ createComponent({
 export const AdmiraltyTabGroup = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-tab-group',
     elementClass: AdmiraltyTabGroupElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onAdmiraltyTabSelected: 'admiraltyTabSelected' },
     defineCustomElement: defineAdmiraltyTabGroup
@@ -453,7 +408,6 @@ export const AdmiraltyTabGroup = /*@__PURE__*/ createComponent({
 export const AdmiraltyTable = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-table',
     elementClass: AdmiraltyTableElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyTable
@@ -461,7 +415,6 @@ export const AdmiraltyTable = /*@__PURE__*/ createComponent({
 export const AdmiraltyTableBody = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-table-body',
     elementClass: AdmiraltyTableBodyElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyTableBody
@@ -469,7 +422,6 @@ export const AdmiraltyTableBody = /*@__PURE__*/ createComponent({
 export const AdmiraltyTableCell = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-table-cell',
     elementClass: AdmiraltyTableCellElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyTableCell
@@ -477,7 +429,6 @@ export const AdmiraltyTableCell = /*@__PURE__*/ createComponent({
 export const AdmiraltyTableHeader = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-table-header',
     elementClass: AdmiraltyTableHeaderElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyTableHeader
@@ -485,7 +436,6 @@ export const AdmiraltyTableHeader = /*@__PURE__*/ createComponent({
 export const AdmiraltyTableHeaderCell = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-table-header-cell',
     elementClass: AdmiraltyTableHeaderCellElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyTableHeaderCell
@@ -493,7 +443,6 @@ export const AdmiraltyTableHeaderCell = /*@__PURE__*/ createComponent({
 export const AdmiraltyTableRow = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-table-row',
     elementClass: AdmiraltyTableRowElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyTableRow
@@ -501,7 +450,6 @@ export const AdmiraltyTableRow = /*@__PURE__*/ createComponent({
 export const AdmiraltyTextSideBar = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-text-side-bar',
     elementClass: AdmiraltyTextSideBarElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {},
     defineCustomElement: defineAdmiraltyTextSideBar
@@ -509,7 +457,6 @@ export const AdmiraltyTextSideBar = /*@__PURE__*/ createComponent({
 export const AdmiraltyTextSideBarItem = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-text-side-bar-item',
     elementClass: AdmiraltyTextSideBarItemElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {
         onToggled: 'toggled',
@@ -520,7 +467,6 @@ export const AdmiraltyTextSideBarItem = /*@__PURE__*/ createComponent({
 export const AdmiraltyTextarea = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-textarea',
     elementClass: AdmiraltyTextareaElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: {
         onTextareaBlur: 'textareaBlur',
@@ -531,8 +477,14 @@ export const AdmiraltyTextarea = /*@__PURE__*/ createComponent({
 export const AdmiraltyThemeToggle = /*@__PURE__*/ createComponent({
     tagName: 'admiralty-theme-toggle',
     elementClass: AdmiraltyThemeToggleElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
     events: { onAdmiraltyThemeChange: 'admiraltyThemeChange' },
     defineCustomElement: defineAdmiraltyThemeToggle
 });
+export const AdmiraltyTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'admiralty-tooltip',
+    elementClass: AdmiraltyTooltipElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineAdmiraltyTooltip
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukho/admiralty-react",
-  "version": "5.5.2",
+  "version": "5.5.3--canary.439.1e91dc1.0",
   "license": "MIT",
   "url": "https://github.com/UKHO/admiralty-design-system",
   "repository": "git://github.com/UKHO/admiralty-design-system.git",
@@ -14,19 +14,19 @@
     "dist"
   ],
   "dependencies": {
-    "@stencil/react-output-target": "^0.7.4",
-    "@ukho/admiralty-core": "5.5.2"
+    "@stencil/react-output-target": "^0.7.1",
+    "@ukho/admiralty-core": "5.5.3--canary.439.1e91dc1.0"
   },
   "peerDependencies": {
     "react": ">=17",
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@types/react": "^18.3.28",
+    "@types/react": "^18.3.7",
     "@types/react-dom": "^18.3.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "typescript": "^5.9.3"
+    "typescript": "^5.6.2"
   },
-  "gitHead": "4e68355acb280f7d6b56538fa35552b385f9a648"
+  "gitHead": "1e91dc1aafc2b927f20f24e2b407b533b6e6a71d"
 }