@nanoporetech-digital/components 7.4.5 → 7.5.0

package/dist/types/components.d.ts

@@ -117,26 +117,14 @@ export namespace Components {
           * An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.
          */
         "apiKey": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "api-key"?: string;
         /**
           * An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'.
          */
         "appId": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "app-id"?: string;
         /**
           * Will maintain a search all / '*' on init and reset allowing for a view then filter experience rather than a search first experience
          */
         "browseIndex": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "browse-index"?: boolean;
         /**
           * Query filters to apply to all searches. Refer to https://www.algolia.com/doc/api-reference/api-parameters/filters for format.
          */
@@ -145,18 +133,10 @@ export namespace Components {
           * JS querySelector string of a `nano-input` / `input` element from which to listen to `nano-change` or `change` events and change the `query` prop. Not required if an appropriate field is in the 'search-input' slot
          */
         "listenTo"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "listen-to"?: string;
         /**
           * Minimum number of characters before performing a search
          */
         "minChars": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "min-chars"?: number;
         /**
           * The external operator joining filter values.
          */
@@ -174,18 +154,10 @@ export namespace Components {
           * Changes the index without removing any current filters. Most appropriate for algolia replicas.
          */
         "replicaIndex": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "replica-index"?: string;
         /**
           * The current algolia page of results currently being viewed or to get.
          */
         "resultsPage": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "results-page"?: number;
         /**
           * Algolia search index. Used in conjunction with 'apiKey' & 'appId'. ``` { index: string, // algolia index name   domain?: string, // used in template filters to resolve incomplete url fields   filters?: [string], // algolia facets to retrive   hitsPerPage?: number,   name?: string // human readable index name } ```
          */
@@ -194,34 +166,18 @@ export namespace Components {
           * Algolia search index name. Alternative to 'searchIndex'. A simplified shortcut for setting an index. Properties such as hitsPerPage and facets will come from the algolia index
          */
         "searchIndexName": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-index-name"?: string;
         /**
           * Show the result panel. By default it will automatically show when the result receives new hits.
          */
         "showResults": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-results"?: boolean;
         /**
           * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod": StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
         /**
           * Template engine render function to use when rendering results and filters. Defaults to Squirrel v8's render (https://squirrelly.js.org/).
          */
@@ -236,10 +192,6 @@ export namespace Components {
           * Name of this filter - must match an appropriate algolia facet on a parent nano-algolia index to display
          */
         "filterName": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "filter-name"?: string;
         /**
           * The internal operator joining filter values.
          */
@@ -248,18 +200,10 @@ export namespace Components {
           * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod": StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
         /**
           * Set values of this filter. Will result in form elements being selected. '|' delimited string or array.
          */
@@ -278,10 +222,6 @@ export namespace Components {
           * Max number of page numbers to show
          */
         "maxToShow": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-to-show"?: number;
         /**
           * Go to next page from current
          */
@@ -300,18 +240,10 @@ export namespace Components {
           * Whether new pages loaded by pagination will replace or be appended to the results block (this will be ignored if 'infiniteScroll' is set to true)
          */
         "appendPages": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "append-pages"?: boolean;
         /**
           * Load and append pages automatically on scroll
          */
         "infiniteScroll": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "infinite-scroll"?: boolean;
     }
     /**
      * Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
@@ -326,10 +258,6 @@ export namespace Components {
           * Gets and sets the current animation time.
          */
         "currentTime": CSSNumberish;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "current-time"?: CSSNumberish;
         /**
           * The number of milliseconds to delay the start of the animation.
          */
@@ -350,10 +278,6 @@ export namespace Components {
           * The number of milliseconds to delay after the active period of an animation sequence.
          */
         "endDelay": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "end-delay"?: number;
         /**
           * Sets how the animation applies styles to its target before and after its execution.
          */
@@ -366,10 +290,6 @@ export namespace Components {
           * The offset at which to start the animation, usually between 0 (start) and 1 (end).
          */
         "iterationStart": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "iteration-start"?: number;
         /**
           * The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.
          */
@@ -390,10 +310,6 @@ export namespace Components {
           * Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This value can be changed without causing the animation to restart.
          */
         "playbackRate": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "playback-rate"?: number;
     }
     /**
      * `nano-checkbox` is used to let a user choose one or more options from a limited number of options.
@@ -423,10 +339,6 @@ export namespace Components {
          */
         "getInputElement": () => Promise<HTMLInputElement>;
         "hasFocus": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "has-focus"?: boolean;
         /**
           * If `true`, the checkbox will visually appear as indeterminate (only relevant for type="checkbox")
          */
@@ -480,10 +392,6 @@ export namespace Components {
           * @readonly
          */
         "validityMessage": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * The value of a checkbox is analogous to the value of an `<input type='checkbox'>`, it's only present when `checked` is true.
          */
@@ -502,10 +410,6 @@ export namespace Components {
           * Visually hide the legend but still available to screen readers.
          */
         "hideLegend"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-legend"?: boolean;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly
@@ -539,27 +443,15 @@ export namespace Components {
           * Whether to show validation errors underneath input
          */
         "showInlineError": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * When should the field perform validation
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * The current, collective checkbox value
          */
@@ -581,10 +473,6 @@ export namespace Components {
           * Use this option to disable to default filtering. This is useful if filtering happens externally via another method (e.g. via ajax)
          */
         "disableFilter": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "disable-filter"?: boolean;
         /**
           * Activate / deactivate the datalist control
          */
@@ -626,18 +514,10 @@ export namespace Components {
           * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
          */
         "clearInput": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-input"?: boolean;
         /**
           * Close the picker after a date is selected
          */
         "closeAfterPicked": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "close-after-picked"?: boolean;
         /**
           * The color to use from the application's color palette.
          */
@@ -646,10 +526,6 @@ export namespace Components {
           * The order of the date parts for entry and display. e.g. dmy = dd mm yyyy
          */
         "dateOrder": 'dmy' | 'mdy' | 'ymd' | 'dym';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "date-order"?: 'dmy' | 'mdy' | 'ymd' | 'dym';
         /**
           * @readonly get the value as a `Date`
          */
@@ -666,18 +542,10 @@ export namespace Components {
           * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.
          */
         "firstDayOfWeek"?: DaysOfWeek;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "first-day-of-week"?: DaysOfWeek;
         /**
           * Enable floating label behaviour. Will disable placeholder if set.
          */
         "floatLabel": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "float-label"?: boolean;
         /**
           * The form element to associate the select with (its form owner). Must be the id of a form.
          */
@@ -691,10 +559,6 @@ export namespace Components {
           * Whether to show a long form, confirmation date string of the one currently entered
          */
         "helperText": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "helper-text"?: boolean;
         /**
           * Options for the date string display. Refer to https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString.
          */
@@ -703,18 +567,10 @@ export namespace Components {
           * Visually hide the label - but make it accessible.
          */
         "hideLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-label"?: boolean;
         /**
           * Initial picker date. Will be to `value` if set. Will be today's date if nothing set. Must be in IS0-8601 format: YYYY-MM-DD.
          */
         "initialPickerDate"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "initial-picker-date"?: string;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly
@@ -753,10 +609,6 @@ export namespace Components {
           * Set / read whether the picker is currently open.
          */
         "pickerOpen": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "picker-open"?: boolean;
         /**
           * Instructional text that shows before the input has a value. The pattern prop will be used to create a placeholder automatically if unused.
          */
@@ -787,10 +639,6 @@ export namespace Components {
           * Whether to show validation errors underneath input
          */
         "showInlineError": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * The initial size (number of characters) of the control.
          */
@@ -799,19 +647,11 @@ export namespace Components {
           * When should the field perform validation
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * Current value. Must be in IS0-8601 format: YYYY-MM-DD.
          */
@@ -830,10 +670,6 @@ export namespace Components {
           * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.
          */
         "firstDayOfWeek": DaysOfWeek;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "first-day-of-week"?: DaysOfWeek;
         "firstFocusEle": HTMLElement;
         /**
           * Controls which days are disabled and therefore disallowed. For example, this can be used to disallow selection of weekends.
@@ -844,10 +680,6 @@ export namespace Components {
           * Controls whether the picker is a modal or dialog, popup control and will therefore keep focus within the control
          */
         "isModal": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "is-modal"?: boolean;
         /**
           * Button labels, day names, month names, etc, used for localization. Default is English.
          */
@@ -864,10 +696,6 @@ export namespace Components {
           * Selected Date. Must be in IS0-8601 format: YYYY-MM-DD.
          */
         "selectedDate": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "selected-date"?: string;
         /**
           * Focus to the calendar
           * @param day - focus to the current selected day
@@ -884,10 +712,6 @@ export namespace Components {
           * Icon slot rotation amount (degrees) on open
          */
         "iconRotation": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "icon-rotation"?: number;
         /**
           * Summary / handle text. Use the `label` slot for HTML markup
          */
@@ -896,10 +720,6 @@ export namespace Components {
           * Hide the handle. (You will need to control the hiding / showing of content with script)
          */
         "noHandle": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-handle"?: boolean;
         /**
           * Should item be open on load
          */
@@ -908,10 +728,6 @@ export namespace Components {
           * Sometimes, nested content will resize within the details component which results in choppy show/hide animations. Set `useCacheHeight` to `true` try to keep animations smooth.
          */
         "useCacheHeight": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "use-cache-height"?: boolean;
     }
     /**
      * Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
@@ -933,26 +749,14 @@ export namespace Components {
           * Set to true to disable the footer. This will also remove the footer close button, so please ensure you  provide an easy, accessible way for users to dismiss the dialog.
          */
         "noFooter": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-footer"?: boolean;
         /**
           * Set to true to disable the header. This will also remove the default close button, so please ensure you  provide an easy, accessible way for users to dismiss the dialog.
          */
         "noHeader": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-header"?: boolean;
         /**
           * An alternative to `preventDefault()` on the `nanoRequestClose` event. This will hide the close button and disable clicks on the overlay or presses the `Escape` key
          */
         "noUserDismiss": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-user-dismiss"?: boolean;
         /**
           * Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods.
          */
@@ -965,26 +769,14 @@ export namespace Components {
           * Show a colour ribbon at the top of the modal
          */
         "showRibbon": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-ribbon"?: boolean;
         /**
           * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod": StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
     }
     /**
      * Drawers slide in from a container to expose additional options and information.
@@ -1011,18 +803,10 @@ export namespace Components {
           * Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.
          */
         "noHeader": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-header"?: boolean;
         /**
           * An alternative to `preventDefault()` on the `nanoRequestClose` event. This will hide the close button and disable clicks on the overlay or presses the `Escape` key
          */
         "noUserDismiss": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-user-dismiss"?: boolean;
         /**
           * Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.
          */
@@ -1040,18 +824,10 @@ export namespace Components {
           * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod": StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
     }
     /**
      * Dropdowns show additional content in a panel.
@@ -1062,18 +838,10 @@ export namespace Components {
           * Determines if the dropdown should open automatically when the trigger is clicked
          */
         "autoOpen": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "auto-open"?: boolean;
         /**
           * Determines whether the dropdown should hide when a menu item is selected.
          */
         "closeOnSelect": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "close-on-select"?: boolean;
         /**
           * The dropdown will close when the user interacts outside of this element (e.g. clicking).
          */
@@ -1082,10 +850,6 @@ export namespace Components {
           * Title used to describe the dropdown content for accessibility
          */
         "dialogTitle": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dialog-title"?: string;
         /**
           * The distance in pixels from which to offset the panel away from its trigger.
          */
@@ -1138,10 +902,6 @@ export namespace Components {
           * By default, `nano-field-validator` will also track all native form field elements. You can add extra web-component form fields to listen to (as long as they match the standard form field spec) by using the `fieldSelector` prop.
          */
         "extraFieldSelector": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "extra-field-selector"?: string;
         /**
           * The current form payload as a reactive proxy.
           * @readonly
@@ -1161,10 +921,6 @@ export namespace Components {
           * Tries to scroll to the first invalid field on submit
          */
         "scrollToInvalid": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "scroll-to-invalid"?: boolean;
         /**
           * Sets custom validity for all / some form fields.
           * @param validity - a validity object of `{fieldName: errorString}` pairs. Set as an empty string to clear the error.
@@ -1182,10 +938,6 @@ export namespace Components {
           * @readonly
          */
         "showValidation": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-validation"?: boolean;
         /**
           * The current form state as a stencil store.
           * @readonly
@@ -1200,10 +952,6 @@ export namespace Components {
           * When should the fields perform validation. Will override / sync all nested `nano-...` controls
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * A validation callback method.
           * @param field - The field name currently being evaluated
@@ -1241,10 +989,6 @@ export namespace Components {
           * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input. Only used within single file uploads.
          */
         "clearInput": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-input"?: boolean;
         /**
           * If `true`, the user cannot interact with the select.
          */
@@ -1265,10 +1009,6 @@ export namespace Components {
           * Visually hide the label - but make it accessible.
          */
         "hideLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-label"?: boolean;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly
@@ -1282,18 +1022,10 @@ export namespace Components {
           * The maximum file size allowed per file (Megabytes)
          */
         "maxFileSize": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-file-size"?: number;
         /**
           * The maximum file size allowed per file (bytes).
          */
         "maxFiles": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-files"?: number;
         /**
           * Name of the form control. Submitted with the form as part of a name/value pair.
          */
@@ -1325,27 +1057,15 @@ export namespace Components {
           * Whether to show validation errors underneath input
          */
         "showInlineError": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * When should the field perform validation
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * A file input's value attribute contains a DOMString that represents the path to the selected file(s). If the user selected multiple files, the value represents the first file in the list of files they selected. You can reset the file-upload control by setting the value to an empty string e.g. `var input.value = ''`
          */
@@ -1370,18 +1090,10 @@ export namespace Components {
           * MyAccount store cart count.
          */
         "cartCount": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "cart-count"?: number;
         /**
           * Url to the Nanopore store cart. Will default to the url supplied by MyAccount
          */
         "cartUrl": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "cart-url"?: string;
         /**
           * Connect to local, dev, test or prod MyAccount environments to retrieve global nav / sso data. Alternatively, you can use the `ssoDataUrl` prop.
          */
@@ -1390,34 +1102,18 @@ export namespace Components {
           * Whether to attempt to get global nav / sso data from MyAccount
          */
         "getMyAccountData": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "get-my-account-data"?: boolean;
         /**
           * The link to put on the logo
          */
         "logoUrl": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "logo-url"?: string;
         /**
           * MyAccount un-read message count.
          */
         "msgCount": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "msg-count"?: number;
         /**
           * Url to the Nanopore message center. Will default to the url supplied by MyAccount
          */
         "msgUrl": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "msg-url"?: string;
         /**
           * An alternative to both 'env' and 'ssoDataUrl'. You can directly provide a JSON object of myaccount data. (e.g. https://myaccount.nanoporetech.com/nav_bar_data.json) This is useful for SSR
          */
@@ -1430,18 +1126,10 @@ export namespace Components {
           * An Algolia API Key. Will be automatically populated from MyAccount
          */
         "searchApiKey": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-api-key"?: string;
         /**
           * An Algolia App ID key. Will be automatically populated from MyAccount
          */
         "searchAppId": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-app-id"?: string;
         /**
           * An array of Algolia search indexes (and optional display names). Will be automatically populated from MyAccount
          */
@@ -1450,50 +1138,26 @@ export namespace Components {
           * Algolia search index to programmatically set or to set an initial index
          */
         "searchIndex": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-index"?: string;
         /**
           * A search value to passed to Algolia to programmatically get or to preload search results
          */
         "searchValue": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-value"?: string;
         /**
           * Whether to show Nanopore logo
          */
         "showLogo": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-logo"?: boolean;
         /**
           * Whether to show search functionality
          */
         "showSearch": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-search"?: boolean;
         /**
           * A base url to retrieve global nav / sso data. `nav_bar_data.json` will be appended to this url. An alternative to the pre-defined `env` urls
          */
         "ssoDataUrl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "sso-data-url"?: string;
         /**
           * Where to take user after SSO login
          */
         "ssoRedirect": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "sso-redirect"?: string;
         /**
           * Submit the search form (a search value must be present)
          */
@@ -1516,10 +1180,6 @@ export namespace Components {
           * Link to the user profile
          */
         "userProfileUrl": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "user-profile-url"?: string;
     }
     /**
      * Nanopore Global Search results component
@@ -1546,122 +1206,62 @@ export namespace Components {
           * the number of columns the grid has at the large breakpoint.
          */
         "lCols": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "l-cols"?: number;
         /**
           * the component's large breakpoint. Note - all breakpoints are based on component width, not screen width. Will default to `px` if no unit supplied e.g. `20rem`
          */
         "lSize": number | string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "l-size"?: number | string;
         /**
           * Optional large `grid-template`. *Note* - you must set `lCols` for this to take affect
          */
         "lTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "l-tpl"?: string;
         /**
           * the number of columns the grid has at the medium breakpoint.
          */
         "mCols": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "m-cols"?: number;
         /**
           * the component's medium breakpoint. Note - all breakpoints are based on component width, not screen width. Will default to `px` if no unit supplied e.g. `20rem`
          */
         "mSize": number | string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "m-size"?: number | string;
         /**
           * Optional medium `grid-template`. *Note* - you must set `mCols` for this to take affect
          */
         "mTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "m-tpl"?: string;
         /**
           * the number of columns the grid has at the small breakpoint.
          */
         "sCols": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "s-cols"?: number;
         /**
           * the component's small breakpoint. Note - all breakpoints are based on component width, not screen width. Will default to `px` if no unit supplied e.g. `20rem`
          */
         "sSize": number | string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "s-size"?: number | string;
         /**
           * Optional small `grid-template`. *Note* - you must set `sCols` for this to take affect
          */
         "sTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "s-tpl"?: string;
         /**
           * shows a grid helper to visualise where columns are
          */
         "showHelper": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-helper"?: boolean;
         /**
           * the number of columns the grid has at the xl breakpoint.
          */
         "xlCols": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xl-cols"?: number;
         /**
           * the component's xl breakpoint. Note - all breakpoints are based on component width, not screen width. Will default to `px` if no unit supplied e.g. `20rem`
          */
         "xlSize": number | string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xl-size"?: number | string;
         /**
           * Optional xl `grid-template`. *Note* - you must set `xlCols` for this to take affect
          */
         "xlTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xl-tpl"?: string;
         /**
           * the number of columns the grid has at the xxl breakpoint (anything greater than the xl breakpoint)
          */
         "xxlCols": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xxl-cols"?: number;
         /**
           * Optional xxl `grid-template`. *Note* - you must set `xxlCols` for this to take affect
          */
         "xxlTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xxl-tpl"?: string;
     }
     /**
      * @deprecated - you can now use `grid-states="..."`
@@ -1678,26 +1278,14 @@ export namespace Components {
           * src for background image. For more control use the `background` slot instead.
          */
         "imgSrc"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "img-src"?: string;
         /**
           * Optional list string providing media sizes with corresponding image srcs. i.e. show img-x at 300px wide. Format `srcSet="200w src/imgSmall.jpg, 500h src/imgMed.png"`
          */
         "imgSrcSet"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "img-src-set"?: string;
         /**
           * The Break Point width that the hero component will change to the large view. Defaults to the XL grid size (900px)
          */
         "largeScreenBP": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "large-screen-b-p"?: number;
         /**
           * Set the content structure level of the hero. Defaults to 'top'
          */
@@ -1715,10 +1303,6 @@ export namespace Components {
           * Specifies the label to use for accessibility. Defaults to the icon name.
          */
         "ariaLabel": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "aria-label"?: string;
         /**
           * Color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
          */
@@ -1727,10 +1311,6 @@ export namespace Components {
           * Specifies whether the icon should horizontally flip when `dir` is `"rtl"`.
          */
         "flipRtl"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "flip-rtl"?: boolean;
         /**
           * A combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
          */
@@ -1776,18 +1356,10 @@ export namespace Components {
           * The name of the icon to draw.
          */
         "iconName"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "icon-name"?: string;
         /**
           * An external URL of an SVG file.
          */
         "iconSrc"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "icon-src"?: string;
         /**
           * A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should always include a label that describes what the icon button does.
          */
@@ -1808,10 +1380,6 @@ export namespace Components {
           * display the label as a `<nano-tooltip />`
          */
         "showTooltip": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-tooltip"?: boolean;
         /**
           * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
          */
@@ -1837,10 +1405,6 @@ export namespace Components {
           * When the image is rendered as a background, and there is no preset dimensions of the component, you can set how the component height will be set. Via image size or via the content *
          */
         "autoHeight": 'content' | 'image';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "auto-height"?: 'content' | 'image';
         /**
           * Render the image as a background image *
          */
@@ -1857,10 +1421,6 @@ export namespace Components {
           * Optional list string providing media sizes with corresponding image srcs. i.e. show img-x at 300px wide. Format `srcSet="200w src/imgSmall.jpg, 500h src/imgMed.png"`
          */
         "srcSet"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "src-set"?: string;
     }
     /**
      * The input component is a wrapper to the HTML input element with custom styling and additional functionality. It accepts most of the same properties as the HTML [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input).
@@ -1892,18 +1452,10 @@ export namespace Components {
           * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
          */
         "clearInput": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-input"?: boolean;
         /**
           * If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `"password"`, `false` for all other types.
          */
         "clearOnEdit"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-on-edit"?: boolean;
         /**
           * The color to use from the application's color palette.
          */
@@ -1920,10 +1472,6 @@ export namespace Components {
           * Enable floating label behaviour. Will disable placeholder if set.
          */
         "floatLabel": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "float-label"?: boolean;
         /**
           * The form element to associate the input with (its form owner). Must be the id of a form.
          */
@@ -1936,10 +1484,6 @@ export namespace Components {
           * Visually hide the label - but make it accessible.
          */
         "hideLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-label"?: boolean;
         /**
           * A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
          */
@@ -2026,10 +1570,6 @@ export namespace Components {
           * relevant to type="textarea".
          */
         "showCharCount": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-char-count"?: boolean;
         /**
           * Invalidate the field and show a custom error message. To clear the error you will need to re-call this method with an empty string.
          */
@@ -2038,10 +1578,6 @@ export namespace Components {
           * Whether to show validation errors underneath input
          */
         "showInlineError": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * The initial size of the control. This value is in pixels unless the value of the type attribute is `"text"` or `"password"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
          */
@@ -2062,19 +1598,11 @@ export namespace Components {
           * When should the field perform validation
          */
         "validateOn": 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * The value of the input.
          */
@@ -2085,17 +1613,13 @@ export namespace Components {
      */
     interface NanoIntersectionObserve {
         /**
-          * The element that is used as the viewport for checking visibility of the target. Must be the ancestor of the target. Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`.
+          * The element that is used as the viewport for checking visibility of the target. Must be an ancestor of the target. Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`.
          */
         "root": globalThis.Element | 'root' | 'auto';
         /**
           * Margin around the root. Can be similar to CSS margins property, e.g. "10px 20px 30px 40px" (top, right, bottom, left). The values can be percentages. This set of values serves to grow or shrink each side of the root element's bounding box before computing intersections. Defaults to zeros.
          */
         "rootMargin"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "root-margin"?: string;
         /**
           * Indicate at what percentage of the target's visibility the observer's callback should be executed. If you only want to detect when visibility passes the 50% mark, you can use a value of '0.5'. If you want the callback to run every time visibility passes another '25%', you would specify a string of values (separated by ',') array '0, 0.25, 0.5, 0.75, 1'. A value of '1.0' means that the threshold isn't considered passed until every pixel is visible.
          */
@@ -2111,10 +1635,6 @@ export namespace Components {
           * @readonly
          */
         "hasFocus": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "has-focus"?: boolean;
         /**
           * an accessible label
          */
@@ -2151,18 +1671,10 @@ export namespace Components {
           * Should element hide and move items into the nano-global-nav when items are cut off (this will only work when nano-menu-drawer is displayed at full screen)
          */
         "hideHeight": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-height"?: boolean;
         /**
           * Screen width to hide the menu drawer and move the items into the nano-global-nav
          */
         "hideWidth": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-width"?: number;
         /**
           * Set the initial menu drawer open or closed
          */
@@ -2171,10 +1683,6 @@ export namespace Components {
           * Save open state to localStorage
          */
         "saveState": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "save-state"?: boolean;
     }
     /**
      * A simple component to show more or less elements.
@@ -2184,26 +1692,14 @@ export namespace Components {
           * Optional JS selector to target which elements to hide or show
          */
         "childrenSelector": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "children-selector"?: string;
         /**
           * The maximum number of items to show when `show` is true. Excess items will be hidden.
          */
         "maxToShow": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-to-show"?: number;
         /**
           * Only show the 'show more' button
          */
         "noHideBtn": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-hide-btn"?: boolean;
         /**
           * The default state. `false` - excess items are hidden. `true` - excess items are shown.
          */
@@ -2220,10 +1716,6 @@ export namespace Components {
           * Whether secondary menus should close on blur
          */
         "closeOnBlur": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "close-on-blur"?: boolean;
         /**
           * Disable the nav item
          */
@@ -2244,10 +1736,6 @@ export namespace Components {
           * Screen pixel width to activate the secondary menu
          */
         "secondaryActiveWidth": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "secondary-active-width"?: number;
         /**
           * Secondary fallback function for when the secondary menu is no longer active.
          */
@@ -2277,10 +1765,6 @@ export namespace Components {
           * You can add extra meta for this option. When displayed in a list, users search / filter via extra related terms. Another usecase is 'endonyms'
          */
         "filterMeta": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "filter-meta"?: string;
         /**
           * Label of the option
          */
@@ -2330,10 +1814,6 @@ export namespace Components {
           * Disables the scroll arrow buttons that appear when content overflows
          */
         "scrollControls": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "scroll-controls"?: boolean;
         /**
           * Sync up the view to the active item. Use this when the active item changes outside of this component.
          */
@@ -2351,10 +1831,6 @@ export namespace Components {
           * Whether to show the progress bar's current percent as text. Will be overwritten if you use the default slot.
          */
         "showPercent": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-percent"?: boolean;
         /**
           * The progress bar's percentage, 0 to 100.
          */
@@ -2383,10 +1859,6 @@ export namespace Components {
           * Show two knobs.
          */
         "dualKnobs": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dual-knobs"?: boolean;
         /**
           * Maximum integer value of the range.
          */
@@ -2462,10 +1934,6 @@ export namespace Components {
           * The name of the control, which is submitted with the form data.
          */
         "symbolName": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "symbol-name"?: string;
         /**
           * The current rating.
          */
@@ -2482,10 +1950,6 @@ export namespace Components {
           * Fire `nanoResizeContentFitChange` events notifying whether content currently fits or does not on the x, y or both axis'. Also makes the `content-fit-...` slots available
          */
         "notifyContentFit": 'x' | 'y' | 'xy';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "notify-content-fit"?: 'x' | 'y' | 'xy';
         /**
           * string list of sizes and optional class-names. Adds class-names and fires nanoResizeStateChange events. Upon hitting breakpoints. Format: `states="800w, 300h class1 class2"`
          */
@@ -2502,10 +1966,6 @@ export namespace Components {
           * in multiple mode, allow users to enter their own values
          */
         "allowCustomValues": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "allow-custom-values"?: boolean;
         /**
           * This Boolean attribute lets you specify that a form control should have select focus when the page loads.
          */
@@ -2514,10 +1974,6 @@ export namespace Components {
           * If `true`, a clear icon will appear in the select when there is a value. Clicking it clears the select.
          */
         "clearSelect": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-select"?: boolean;
         /**
           * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
          */
@@ -2538,10 +1994,6 @@ export namespace Components {
           * Enable floating label behaviour. Will disable placeholder if set.
          */
         "floatLabel": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "float-label"?: boolean;
         /**
           * The form element to associate the select with (its form owner). Must be the id of a form.
          */
@@ -2554,10 +2006,6 @@ export namespace Components {
           * Visually hide the label - but make it accessible.
          */
         "hideLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-label"?: boolean;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly
@@ -2579,10 +2027,6 @@ export namespace Components {
           * When `multiple="true"`, control how many values to show within the control at once. After the maximum, "+n" will be shown to indicate the number of additional items that are selected.
          */
         "maxValuesVisible"?: boolean | number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-values-visible"?: boolean | number;
         /**
           * Minimum number of options that can be selected when multiple is true
          */
@@ -2629,10 +2073,6 @@ export namespace Components {
           * Whether to show validation errors underneath input
          */
         "showInlineError": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * The initial size of the control.
          */
@@ -2642,19 +2082,11 @@ export namespace Components {
           * @default 'submitThenDirty'
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * The value of the select.
          */
@@ -2702,10 +2134,6 @@ export namespace Components {
           * Zero-based index of the selected cell.
          */
         "currentSlide": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "current-slide"?: number;
         /**
           * If `true`, make the slider fullscreen.
          */
@@ -2804,18 +2232,10 @@ export namespace Components {
           * Items being sorted will animate into place
          */
         "animationEnabled": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "animation-enabled"?: boolean;
         /**
           * The css animation timing applied when `animationEnabled` is `true`
          */
         "animationTiming": any;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "animation-timing"?: any;
         /**
           * A function that should attach a keyboard accessible control. When a `handleSelector` is not used - to allow keyboard accessibility - `createKeyboardHandle` should render a focusable element.  If your sortable item is itself focusable, you must use this function to render a control *outside* of the focusable element.
           * @param _number
@@ -2827,18 +2247,10 @@ export namespace Components {
           * Dragged items by default, will take whatever default css is applied in situ. When sortable items' dimensions are dynamic (i.e they can shrink / grow via the space allowed) dragging items can look 'wrong'. Apply `dragResize` to read & recreate the dragged items current dimensions when dragged.
          */
         "dragResize": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "drag-resize"?: boolean;
         /**
           * Use this class to change how the element looks whilst being sorted
          */
         "draggedClass": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dragged-class"?: string;
         /**
           * Used to generate a screen reader live update, informing the user of the current element being dropped.
           * @param el the element that has been dropped by the user
@@ -2849,18 +2261,10 @@ export namespace Components {
           * Used in-conjunction with `dropzoneSelector`, applied when a dropzone is dragged over
          */
         "dropzoneActiveClass"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dropzone-active-class"?: string;
         /**
           * When dragging between grouped collections of items, it is possible to drag all sortable items from one group to another. At that point, you will not be able to drag items back to the original group. A `dropzoneSelector` allows you to define a placeholder area where items can always be dropped.
          */
         "dropzoneSelector"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dropzone-selector"?: string;
         /**
           * Used to generate a screen reader live update, informing the user of the current element being grabbed.
           * @param el the element that has been grabbed by the user
@@ -2871,26 +2275,14 @@ export namespace Components {
           * Use this class to change how the handle looks whilst being sorted
          */
         "handleDraggedClass": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "handle-dragged-class"?: string;
         /**
           * A css query selector which matches an element *within* the `itemSelector` element which will act like a drag handle. **Note** For keyboard a11y it's recommended to use `handleSelector` when possible. Alternatively, the `createKeyboardHandle` prop will be used
          */
         "handleSelector"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "handle-selector"?: string;
         /**
           * Accessibility helper text applied to handle controls
          */
         "helperText": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "helper-text"?: string;
         /**
           * As a sortable element is interacted with, announcements are made to screen readers - informing the user what is changing. By default, the text from the element is extracted to describe the interacted with element. Use this function to provide a more meaningful, concise item descriptor
           * @param el the element being interacted with
@@ -2901,10 +2293,6 @@ export namespace Components {
           * A css query selector which matches a set of elements that should be sortable. e.g. `<li>` or `<tr>`
          */
         "itemSelector": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "item-selector"?: string;
         /**
           * The axis to lock dragging elements to. `undefined` means any axis
          */
@@ -2913,10 +2301,6 @@ export namespace Components {
           * Use this class to change how the element looks when acting as a placeholder
          */
         "placeholderClass": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "placeholder-class"?: string;
         /**
           * If sortable elements change dynamically, use this method to add handle controls to new elements
          */
@@ -2943,7 +2327,7 @@ export namespace Components {
          */
         "overlay": boolean;
         /**
-          * The type of spinner animation. dna should be used for larger, page loads. Circle for smaller component loaders.
+          * The type of spinner animation
          */
         "type": 'dna' | 'circle';
     }
@@ -2955,10 +2339,6 @@ export namespace Components {
           * When changing `position` via property, the pane will animate into position. Make `animationDuration` 0 to disable.
          */
         "animationDuration": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "animation-duration"?: number;
         /**
           * Disables resizing. Note that the position may still change as a result of resizing the host element.
          */
@@ -2983,10 +2363,6 @@ export namespace Components {
           * The current position of the divider from the primary panel's edge in pixels.
          */
         "positionInPixels": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "position-in-pixels"?: number;
         /**
           * If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a primary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the host element is resized.
          */
@@ -2999,10 +2375,6 @@ export namespace Components {
           * How close the divider must be to a snap point until snapping occurs.
          */
         "snapThreshold": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "snap-threshold"?: number;
         /**
           * Draws the split panel in a vertical orientation with the start and end panels stacked.
          */
@@ -3016,26 +2388,14 @@ export namespace Components {
           * Only applicable to root stickers. When applied the sticker will grow or shrink to the scrollParent size
          */
         "autoResize": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "auto-resize"?: boolean;
         /**
           * The max width of the item to implement sticky behaviour.
          */
         "breakPointMax": null | number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "break-point-max"?: null | number;
         /**
           * The min width of the item to implement sticky behaviour.
          */
         "breakPointMin": null | number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "break-point-min"?: null | number;
         /**
           * @returns the trigger position
          */
@@ -3044,10 +2404,6 @@ export namespace Components {
           * When applied stickers will hide upon new stickers being stuck to the same position
          */
         "hideOnNewStickers": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-on-new-stickers"?: boolean;
         /**
           * Method to return the visibility status of the sticker
           * @returns boolean
@@ -3062,10 +2418,6 @@ export namespace Components {
           * Manually enable / disabled sticky behaviour
          */
         "isSticky": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "is-sticky"?: boolean;
         /**
           * Distance the item should be stuck from the sticky edge.
          */
@@ -3082,10 +2434,6 @@ export namespace Components {
           * When applied, the sticker will hide when the scroll-parent is scrolling away from the sticker's stuck position and show when scrolling toward it. By default this will apply when the parent is below either the h or w dimensions
          */
         "quietMode": 'on' | 'off' | { h: number; w: number };
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "quiet-mode"?: 'on' | 'off' | { h: number; w: number };
         /**
           * Define which scroll element to listen & stick to. By default, it will find traverse the DOM to find the closest.
          */
@@ -3099,10 +2447,6 @@ export namespace Components {
           * Upon being stuck, attach the sticker to another sticker element. JS query selector string or DOM element pointing to a `<nano-sticker>`
          */
         "stickTo": string | HTMLNanoStickerElement;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "stick-to"?: string | HTMLNanoStickerElement;
     }
     interface NanoTab {
         /**
@@ -3155,18 +2499,10 @@ export namespace Components {
           * Disable 'swipe to change tab' on devices with touch
          */
         "disableSwipe": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "disable-swipe"?: boolean;
         /**
           * Disables the scroll arrows that appear when tabs overflow.
          */
         "noScrollControls": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-scroll-controls"?: boolean;
         /**
           * The placement of the tabs.
          */
@@ -3179,18 +2515,10 @@ export namespace Components {
           * Store the currently open tab (against this ID) in the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod": StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
     }
     /**
      * A performant, accessible and semantic (uses real html `<table />`, `<tr />` etc) table and data-grid solution.
@@ -3224,10 +2552,6 @@ export namespace Components {
           * @readonly
          */
         "blocksLength": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "blocks-length"?: number;
         /**
           * A descriptive title of the table. You must use this or the `slot="caption"` for accessibility
          */
@@ -3260,10 +2584,6 @@ export namespace Components {
           * The default sortable option for all columns. `true` will enable column sorting unless you set `sortable: false` on a column `false` will disable column sorting unless you set `sortable: true` on a column
          */
         "defaultSort": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "default-sort"?: boolean;
         /**
           * Used for custom tfoot row rendering
          */
@@ -3280,18 +2600,10 @@ export namespace Components {
           * To improve performance, data is split into blocks which are shown / hidden and rendered as they become visible. Use this to control the number of hits within a block - A block should fill a scrolling viewport. The less perBlock the better for performance
          */
         "perBlock": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "per-block"?: number;
         /**
           * When loading rows asynchronously, this will render this number of placeholder rows
          */
         "placeholderSize": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "placeholder-size"?: number;
         /**
           * Remove filters from a column
           * @param columnNames - the filters to apply
@@ -3321,26 +2633,14 @@ export namespace Components {
           * Term to search for in the data
          */
         "searchTerm": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-term"?: string;
         /**
           * Show the caption on-screen
          */
         "showCaption": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-caption"?: boolean;
         /**
           * Whether to show a `<tfoot>` component
          */
         "showFooter": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-footer"?: boolean;
         /**
           * The type of table. Grid type will make cells navigable by keyboard
          */
@@ -3355,10 +2655,6 @@ export namespace Components {
           * Use this to render the table with roughly the correct dimensions. a use-case might be; fetch a small initial dataset to minimise load-time, render the table with the correct dimensions, the table becomes interactive, load the rest of the data
          */
         "virtualTotalItems": number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "virtual-total-items"?: number;
     }
     /**
      * Tooltips display additional information based on a specific action.
@@ -4770,26 +4066,14 @@ declare namespace LocalJSX {
           * An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.
          */
         "apiKey"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "api-key"?: string;
         /**
           * An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'.
          */
         "appId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "app-id"?: string;
         /**
           * Will maintain a search all / '*' on init and reset allowing for a view then filter experience rather than a search first experience
          */
         "browseIndex"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "browse-index"?: boolean;
         /**
           * Query filters to apply to all searches. Refer to https://www.algolia.com/doc/api-reference/api-parameters/filters for format.
          */
@@ -4798,18 +4082,10 @@ declare namespace LocalJSX {
           * JS querySelector string of a `nano-input` / `input` element from which to listen to `nano-change` or `change` events and change the `query` prop. Not required if an appropriate field is in the 'search-input' slot
          */
         "listenTo"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "listen-to"?: string;
         /**
           * Minimum number of characters before performing a search
          */
         "minChars"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "min-chars"?: number;
         /**
           * Emitted after an algolia search.
          */
@@ -4845,18 +4121,10 @@ declare namespace LocalJSX {
           * Changes the index without removing any current filters. Most appropriate for algolia replicas.
          */
         "replicaIndex"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "replica-index"?: string;
         /**
           * The current algolia page of results currently being viewed or to get.
          */
         "resultsPage"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "results-page"?: number;
         /**
           * Algolia search index. Used in conjunction with 'apiKey' & 'appId'. ``` { index: string, // algolia index name   domain?: string, // used in template filters to resolve incomplete url fields   filters?: [string], // algolia facets to retrive   hitsPerPage?: number,   name?: string // human readable index name } ```
          */
@@ -4865,34 +4133,18 @@ declare namespace LocalJSX {
           * Algolia search index name. Alternative to 'searchIndex'. A simplified shortcut for setting an index. Properties such as hitsPerPage and facets will come from the algolia index
          */
         "searchIndexName"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-index-name"?: string;
         /**
           * Show the result panel. By default it will automatically show when the result receives new hits.
          */
         "showResults"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-results"?: boolean;
         /**
           * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod"?: StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
         /**
           * Template engine render function to use when rendering results and filters. Defaults to Squirrel v8's render (https://squirrelly.js.org/).
          */
@@ -4907,10 +4159,6 @@ declare namespace LocalJSX {
           * Name of this filter - must match an appropriate algolia facet on a parent nano-algolia index to display
          */
         "filterName"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "filter-name"?: string;
         /**
           * Emitted when the filter value changes
          */
@@ -4927,18 +4175,10 @@ declare namespace LocalJSX {
           * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod"?: StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
         /**
           * Set values of this filter. Will result in form elements being selected. '|' delimited string or array.
          */
@@ -4953,10 +4193,6 @@ declare namespace LocalJSX {
           * Max number of page numbers to show
          */
         "maxToShow"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-to-show"?: number;
         /**
           * Emitted when the page number changes
          */
@@ -4971,18 +4207,10 @@ declare namespace LocalJSX {
           * Whether new pages loaded by pagination will replace or be appended to the results block (this will be ignored if 'infiniteScroll' is set to true)
          */
         "appendPages"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "append-pages"?: boolean;
         /**
           * Load and append pages automatically on scroll
          */
         "infiniteScroll"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "infinite-scroll"?: boolean;
         /**
           * Emitted when the page number changes
          */
@@ -5001,10 +4229,6 @@ declare namespace LocalJSX {
           * Gets and sets the current animation time.
          */
         "currentTime"?: CSSNumberish;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "current-time"?: CSSNumberish;
         /**
           * The number of milliseconds to delay the start of the animation.
          */
@@ -5025,10 +4249,6 @@ declare namespace LocalJSX {
           * The number of milliseconds to delay after the active period of an animation sequence.
          */
         "endDelay"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "end-delay"?: number;
         /**
           * Sets how the animation applies styles to its target before and after its execution.
          */
@@ -5037,10 +4257,6 @@ declare namespace LocalJSX {
           * The offset at which to start the animation, usually between 0 (start) and 1 (end).
          */
         "iterationStart"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "iteration-start"?: number;
         /**
           * The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.
          */
@@ -5073,10 +4289,6 @@ declare namespace LocalJSX {
           * Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This value can be changed without causing the animation to restart.
          */
         "playbackRate"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "playback-rate"?: number;
     }
     /**
      * `nano-checkbox` is used to let a user choose one or more options from a limited number of options.
@@ -5147,10 +4359,6 @@ declare namespace LocalJSX {
           * @readonly
          */
         "validityMessage"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * The value of a checkbox is analogous to the value of an `<input type='checkbox'>`, it's only present when `checked` is true.
          */
@@ -5169,10 +4377,6 @@ declare namespace LocalJSX {
           * Visually hide the legend but still available to screen readers.
          */
         "hideLegend"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-legend"?: boolean;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly
@@ -5203,27 +4407,15 @@ declare namespace LocalJSX {
           * Whether to show validation errors underneath input
          */
         "showInlineError"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * When should the field perform validation
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * The current, collective checkbox value
          */
@@ -5245,10 +4437,6 @@ declare namespace LocalJSX {
           * Use this option to disable to default filtering. This is useful if filtering happens externally via another method (e.g. via ajax)
          */
         "disableFilter"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "disable-filter"?: boolean;
         /**
           * Activate / deactivate the datalist control
          */
@@ -5302,18 +4490,10 @@ declare namespace LocalJSX {
           * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
          */
         "clearInput"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-input"?: boolean;
         /**
           * Close the picker after a date is selected
          */
         "closeAfterPicked"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "close-after-picked"?: boolean;
         /**
           * The color to use from the application's color palette.
          */
@@ -5322,10 +4502,6 @@ declare namespace LocalJSX {
           * The order of the date parts for entry and display. e.g. dmy = dd mm yyyy
          */
         "dateOrder"?: 'dmy' | 'mdy' | 'ymd' | 'dym';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "date-order"?: 'dmy' | 'mdy' | 'ymd' | 'dym';
         /**
           * @readonly get the value as a `Date`
          */
@@ -5342,18 +4518,10 @@ declare namespace LocalJSX {
           * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.
          */
         "firstDayOfWeek"?: DaysOfWeek;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "first-day-of-week"?: DaysOfWeek;
         /**
           * Enable floating label behaviour. Will disable placeholder if set.
          */
         "floatLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "float-label"?: boolean;
         /**
           * The form element to associate the select with (its form owner). Must be the id of a form.
          */
@@ -5362,10 +4530,6 @@ declare namespace LocalJSX {
           * Whether to show a long form, confirmation date string of the one currently entered
          */
         "helperText"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "helper-text"?: boolean;
         /**
           * Options for the date string display. Refer to https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString.
          */
@@ -5374,18 +4538,10 @@ declare namespace LocalJSX {
           * Visually hide the label - but make it accessible.
          */
         "hideLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-label"?: boolean;
         /**
           * Initial picker date. Will be to `value` if set. Will be today's date if nothing set. Must be in IS0-8601 format: YYYY-MM-DD.
          */
         "initialPickerDate"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "initial-picker-date"?: string;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly
@@ -5433,10 +4589,6 @@ declare namespace LocalJSX {
           * Set / read whether the picker is currently open.
          */
         "pickerOpen"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "picker-open"?: boolean;
         /**
           * Instructional text that shows before the input has a value. The pattern prop will be used to create a placeholder automatically if unused.
          */
@@ -5453,10 +4605,6 @@ declare namespace LocalJSX {
           * Whether to show validation errors underneath input
          */
         "showInlineError"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * The initial size (number of characters) of the control.
          */
@@ -5465,19 +4613,11 @@ declare namespace LocalJSX {
           * When should the field perform validation
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * Current value. Must be in IS0-8601 format: YYYY-MM-DD.
          */
@@ -5496,10 +4636,6 @@ declare namespace LocalJSX {
           * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.
          */
         "firstDayOfWeek"?: DaysOfWeek;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "first-day-of-week"?: DaysOfWeek;
         /**
           * Controls which days are disabled and therefore disallowed. For example, this can be used to disallow selection of weekends.
           * @returns `false` for not disabled and `true` for disabled
@@ -5509,10 +4645,6 @@ declare namespace LocalJSX {
           * Controls whether the picker is a modal or dialog, popup control and will therefore keep focus within the control
          */
         "isModal"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "is-modal"?: boolean;
         /**
           * Button labels, day names, month names, etc, used for localization. Default is English.
          */
@@ -5533,10 +4665,6 @@ declare namespace LocalJSX {
           * Selected Date. Must be in IS0-8601 format: YYYY-MM-DD.
          */
         "selectedDate"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "selected-date"?: string;
     }
     interface NanoDetails {
         /**
@@ -5547,10 +4675,6 @@ declare namespace LocalJSX {
           * Icon slot rotation amount (degrees) on open
          */
         "iconRotation"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "icon-rotation"?: number;
         /**
           * Summary / handle text. Use the `label` slot for HTML markup
          */
@@ -5559,10 +4683,6 @@ declare namespace LocalJSX {
           * Hide the handle. (You will need to control the hiding / showing of content with script)
          */
         "noHandle"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-handle"?: boolean;
         /**
           * Emitted after the details closes and all transitions are complete.
          */
@@ -5587,10 +4707,6 @@ declare namespace LocalJSX {
           * Sometimes, nested content will resize within the details component which results in choppy show/hide animations. Set `useCacheHeight` to `true` try to keep animations smooth.
          */
         "useCacheHeight"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "use-cache-height"?: boolean;
     }
     /**
      * Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
@@ -5608,26 +4724,14 @@ declare namespace LocalJSX {
           * Set to true to disable the footer. This will also remove the footer close button, so please ensure you  provide an easy, accessible way for users to dismiss the dialog.
          */
         "noFooter"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-footer"?: boolean;
         /**
           * Set to true to disable the header. This will also remove the default close button, so please ensure you  provide an easy, accessible way for users to dismiss the dialog.
          */
         "noHeader"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-header"?: boolean;
         /**
           * An alternative to `preventDefault()` on the `nanoRequestClose` event. This will hide the close button and disable clicks on the overlay or presses the `Escape` key
          */
         "noUserDismiss"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-user-dismiss"?: boolean;
         /**
           * Emitted after the dialog closes and all transitions are complete.
          */
@@ -5660,26 +4764,14 @@ declare namespace LocalJSX {
           * Show a colour ribbon at the top of the modal
          */
         "showRibbon"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-ribbon"?: boolean;
         /**
           * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod"?: StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
     }
     /**
      * Drawers slide in from a container to expose additional options and information.
@@ -5701,18 +4793,10 @@ declare namespace LocalJSX {
           * Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.
          */
         "noHeader"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-header"?: boolean;
         /**
           * An alternative to `preventDefault()` on the `nanoRequestClose` event. This will hide the close button and disable clicks on the overlay or presses the `Escape` key
          */
         "noUserDismiss"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-user-dismiss"?: boolean;
         /**
           * Emitted after the drawer closes and all animations are complete.
          */
@@ -5751,18 +4835,10 @@ declare namespace LocalJSX {
           * Store search queries (against this ID) to the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod"?: StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
     }
     /**
      * Dropdowns show additional content in a panel.
@@ -5773,18 +4849,10 @@ declare namespace LocalJSX {
           * Determines if the dropdown should open automatically when the trigger is clicked
          */
         "autoOpen"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "auto-open"?: boolean;
         /**
           * Determines whether the dropdown should hide when a menu item is selected.
          */
         "closeOnSelect"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "close-on-select"?: boolean;
         /**
           * The dropdown will close when the user interacts outside of this element (e.g. clicking).
          */
@@ -5793,10 +4861,6 @@ declare namespace LocalJSX {
           * Title used to describe the dropdown content for accessibility
          */
         "dialogTitle": string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dialog-title"?: string;
         /**
           * The distance in pixels from which to offset the panel away from its trigger.
          */
@@ -5856,10 +4920,6 @@ declare namespace LocalJSX {
           * By default, `nano-field-validator` will also track all native form field elements. You can add extra web-component form fields to listen to (as long as they match the standard form field spec) by using the `fieldSelector` prop.
          */
         "extraFieldSelector"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "extra-field-selector"?: string;
         /**
           * Fire on invalid form submission attempt
          */
@@ -5881,19 +4941,11 @@ declare namespace LocalJSX {
           * Tries to scroll to the first invalid field on submit
          */
         "scrollToInvalid"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "scroll-to-invalid"?: boolean;
         /**
           * Returns true if validation errors will be displayed to the user.
           * @readonly
          */
         "showValidation"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-validation"?: boolean;
         /**
           * The current form state as a stencil store.
           * @readonly
@@ -5908,10 +4960,6 @@ declare namespace LocalJSX {
           * When should the fields perform validation. Will override / sync all nested `nano-...` controls
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * A validation callback method.
           * @param field - The field name currently being evaluated
@@ -5949,10 +4997,6 @@ declare namespace LocalJSX {
           * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input. Only used within single file uploads.
          */
         "clearInput"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-input"?: boolean;
         /**
           * If `true`, the user cannot interact with the select.
          */
@@ -5969,10 +5013,6 @@ declare namespace LocalJSX {
           * Visually hide the label - but make it accessible.
          */
         "hideLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-label"?: boolean;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly
@@ -5986,18 +5026,10 @@ declare namespace LocalJSX {
           * The maximum file size allowed per file (Megabytes)
          */
         "maxFileSize"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-file-size"?: number;
         /**
           * The maximum file size allowed per file (bytes).
          */
         "maxFiles"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-files"?: number;
         /**
           * Name of the form control. Submitted with the form as part of a name/value pair.
          */
@@ -6031,27 +5063,15 @@ declare namespace LocalJSX {
           * Whether to show validation errors underneath input
          */
         "showInlineError"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * When should the field perform validation
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * A file input's value attribute contains a DOMString that represents the path to the selected file(s). If the user selected multiple files, the value represents the first file in the list of files they selected. You can reset the file-upload control by setting the value to an empty string e.g. `var input.value = ''`
          */
@@ -6076,18 +5096,10 @@ declare namespace LocalJSX {
           * MyAccount store cart count.
          */
         "cartCount"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "cart-count"?: number;
         /**
           * Url to the Nanopore store cart. Will default to the url supplied by MyAccount
          */
         "cartUrl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "cart-url"?: string;
         /**
           * Connect to local, dev, test or prod MyAccount environments to retrieve global nav / sso data. Alternatively, you can use the `ssoDataUrl` prop.
          */
@@ -6096,34 +5108,18 @@ declare namespace LocalJSX {
           * Whether to attempt to get global nav / sso data from MyAccount
          */
         "getMyAccountData"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "get-my-account-data"?: boolean;
         /**
           * The link to put on the logo
          */
         "logoUrl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "logo-url"?: string;
         /**
           * MyAccount un-read message count.
          */
         "msgCount"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "msg-count"?: number;
         /**
           * Url to the Nanopore message center. Will default to the url supplied by MyAccount
          */
         "msgUrl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "msg-url"?: string;
         /**
           * An alternative to both 'env' and 'ssoDataUrl'. You can directly provide a JSON object of myaccount data. (e.g. https://myaccount.nanoporetech.com/nav_bar_data.json) This is useful for SSR
          */
@@ -6152,18 +5148,10 @@ declare namespace LocalJSX {
           * An Algolia API Key. Will be automatically populated from MyAccount
          */
         "searchApiKey"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-api-key"?: string;
         /**
           * An Algolia App ID key. Will be automatically populated from MyAccount
          */
         "searchAppId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-app-id"?: string;
         /**
           * An array of Algolia search indexes (and optional display names). Will be automatically populated from MyAccount
          */
@@ -6172,50 +5160,26 @@ declare namespace LocalJSX {
           * Algolia search index to programmatically set or to set an initial index
          */
         "searchIndex"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-index"?: string;
         /**
           * A search value to passed to Algolia to programmatically get or to preload search results
          */
         "searchValue"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-value"?: string;
         /**
           * Whether to show Nanopore logo
          */
         "showLogo"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-logo"?: boolean;
         /**
           * Whether to show search functionality
          */
         "showSearch"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-search"?: boolean;
         /**
           * A base url to retrieve global nav / sso data. `nav_bar_data.json` will be appended to this url. An alternative to the pre-defined `env` urls
          */
         "ssoDataUrl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "sso-data-url"?: string;
         /**
           * Where to take user after SSO login
          */
         "ssoRedirect"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "sso-redirect"?: string;
     }
     /**
      * Nanopore digital global navigation user profile.
@@ -6229,10 +5193,6 @@ declare namespace LocalJSX {
           * Link to the user profile
          */
         "userProfileUrl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "user-profile-url"?: string;
     }
     /**
      * Nanopore Global Search results component
@@ -6259,122 +5219,62 @@ declare namespace LocalJSX {
           * the number of columns the grid has at the large breakpoint.
          */
         "lCols"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "l-cols"?: number;
         /**
           * the component's large breakpoint. Note - all breakpoints are based on component width, not screen width. Will default to `px` if no unit supplied e.g. `20rem`
          */
         "lSize"?: number | string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "l-size"?: number | string;
         /**
           * Optional large `grid-template`. *Note* - you must set `lCols` for this to take affect
          */
         "lTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "l-tpl"?: string;
         /**
           * the number of columns the grid has at the medium breakpoint.
          */
         "mCols"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "m-cols"?: number;
         /**
           * the component's medium breakpoint. Note - all breakpoints are based on component width, not screen width. Will default to `px` if no unit supplied e.g. `20rem`
          */
         "mSize"?: number | string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "m-size"?: number | string;
         /**
           * Optional medium `grid-template`. *Note* - you must set `mCols` for this to take affect
          */
         "mTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "m-tpl"?: string;
         /**
           * the number of columns the grid has at the small breakpoint.
          */
         "sCols"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "s-cols"?: number;
         /**
           * the component's small breakpoint. Note - all breakpoints are based on component width, not screen width. Will default to `px` if no unit supplied e.g. `20rem`
          */
         "sSize"?: number | string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "s-size"?: number | string;
         /**
           * Optional small `grid-template`. *Note* - you must set `sCols` for this to take affect
          */
         "sTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "s-tpl"?: string;
         /**
           * shows a grid helper to visualise where columns are
          */
         "showHelper"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-helper"?: boolean;
         /**
           * the number of columns the grid has at the xl breakpoint.
          */
         "xlCols"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xl-cols"?: number;
         /**
           * the component's xl breakpoint. Note - all breakpoints are based on component width, not screen width. Will default to `px` if no unit supplied e.g. `20rem`
          */
         "xlSize"?: number | string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xl-size"?: number | string;
         /**
           * Optional xl `grid-template`. *Note* - you must set `xlCols` for this to take affect
          */
         "xlTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xl-tpl"?: string;
         /**
           * the number of columns the grid has at the xxl breakpoint (anything greater than the xl breakpoint)
          */
         "xxlCols"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xxl-cols"?: number;
         /**
           * Optional xxl `grid-template`. *Note* - you must set `xxlCols` for this to take affect
          */
         "xxlTpl"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "xxl-tpl"?: string;
     }
     /**
      * @deprecated - you can now use `grid-states="..."`
@@ -6391,26 +5291,14 @@ declare namespace LocalJSX {
           * src for background image. For more control use the `background` slot instead.
          */
         "imgSrc"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "img-src"?: string;
         /**
           * Optional list string providing media sizes with corresponding image srcs. i.e. show img-x at 300px wide. Format `srcSet="200w src/imgSmall.jpg, 500h src/imgMed.png"`
          */
         "imgSrcSet"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "img-src-set"?: string;
         /**
           * The Break Point width that the hero component will change to the large view. Defaults to the XL grid size (900px)
          */
         "largeScreenBP"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "large-screen-b-p"?: number;
         /**
           * Set the content structure level of the hero. Defaults to 'top'
          */
@@ -6428,10 +5316,6 @@ declare namespace LocalJSX {
           * Specifies the label to use for accessibility. Defaults to the icon name.
          */
         "ariaLabel"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "aria-label"?: string;
         /**
           * Color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
          */
@@ -6440,10 +5324,6 @@ declare namespace LocalJSX {
           * Specifies whether the icon should horizontally flip when `dir` is `"rtl"`.
          */
         "flipRtl"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "flip-rtl"?: boolean;
         /**
           * A combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
          */
@@ -6489,18 +5369,10 @@ declare namespace LocalJSX {
           * The name of the icon to draw.
          */
         "iconName"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "icon-name"?: string;
         /**
           * An external URL of an SVG file.
          */
         "iconSrc"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "icon-src"?: string;
         /**
           * A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should always include a label that describes what the icon button does.
          */
@@ -6517,10 +5389,6 @@ declare namespace LocalJSX {
           * display the label as a `<nano-tooltip />`
          */
         "showTooltip"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-tooltip"?: boolean;
         /**
           * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
          */
@@ -6546,10 +5414,6 @@ declare namespace LocalJSX {
           * When the image is rendered as a background, and there is no preset dimensions of the component, you can set how the component height will be set. Via image size or via the content *
          */
         "autoHeight"?: 'content' | 'image';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "auto-height"?: 'content' | 'image';
         /**
           * Render the image as a background image *
          */
@@ -6578,10 +5442,6 @@ declare namespace LocalJSX {
           * Optional list string providing media sizes with corresponding image srcs. i.e. show img-x at 300px wide. Format `srcSet="200w src/imgSmall.jpg, 500h src/imgMed.png"`
          */
         "srcSet"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "src-set"?: string;
     }
     /**
      * The input component is a wrapper to the HTML input element with custom styling and additional functionality. It accepts most of the same properties as the HTML [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input).
@@ -6613,18 +5473,10 @@ declare namespace LocalJSX {
           * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
          */
         "clearInput"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-input"?: boolean;
         /**
           * If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `"password"`, `false` for all other types.
          */
         "clearOnEdit"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-on-edit"?: boolean;
         /**
           * The color to use from the application's color palette.
          */
@@ -6641,10 +5493,6 @@ declare namespace LocalJSX {
           * Enable floating label behaviour. Will disable placeholder if set.
          */
         "floatLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "float-label"?: boolean;
         /**
           * The form element to associate the input with (its form owner). Must be the id of a form.
          */
@@ -6653,10 +5501,6 @@ declare namespace LocalJSX {
           * Visually hide the label - but make it accessible.
          */
         "hideLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-label"?: boolean;
         /**
           * A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
          */
@@ -6750,18 +5594,10 @@ declare namespace LocalJSX {
           * relevant to type="textarea".
          */
         "showCharCount"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-char-count"?: boolean;
         /**
           * Whether to show validation errors underneath input
          */
         "showInlineError"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * The initial size of the control. This value is in pixels unless the value of the type attribute is `"text"` or `"password"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
          */
@@ -6782,19 +5618,11 @@ declare namespace LocalJSX {
           * When should the field perform validation
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * The value of the input.
          */
@@ -6817,17 +5645,13 @@ declare namespace LocalJSX {
          */
         "onNanoNotIntersecting"?: (event: NanoIntersectionObserveCustomEvent<IntersectionObserverEntry>) => void;
         /**
-          * The element that is used as the viewport for checking visibility of the target. Must be the ancestor of the target. Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`.
+          * The element that is used as the viewport for checking visibility of the target. Must be an ancestor of the target. Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`.
          */
         "root"?: globalThis.Element | 'root' | 'auto';
         /**
           * Margin around the root. Can be similar to CSS margins property, e.g. "10px 20px 30px 40px" (top, right, bottom, left). The values can be percentages. This set of values serves to grow or shrink each side of the root element's bounding box before computing intersections. Defaults to zeros.
          */
         "rootMargin"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "root-margin"?: string;
         /**
           * Indicate at what percentage of the target's visibility the observer's callback should be executed. If you only want to detect when visibility passes the 50% mark, you can use a value of '0.5'. If you want the callback to run every time visibility passes another '25%', you would specify a string of values (separated by ',') array '0, 0.25, 0.5, 0.75, 1'. A value of '1.0' means that the threshold isn't considered passed until every pixel is visible.
          */
@@ -6843,10 +5667,6 @@ declare namespace LocalJSX {
           * @readonly
          */
         "hasFocus"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "has-focus"?: boolean;
         /**
           * an accessible label
          */
@@ -6879,18 +5699,10 @@ declare namespace LocalJSX {
           * Should element hide and move items into the nano-global-nav when items are cut off (this will only work when nano-menu-drawer is displayed at full screen)
          */
         "hideHeight"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-height"?: boolean;
         /**
           * Screen width to hide the menu drawer and move the items into the nano-global-nav
          */
         "hideWidth"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-width"?: number;
         /**
           * Set the initial menu drawer open or closed
          */
@@ -6899,10 +5711,6 @@ declare namespace LocalJSX {
           * Save open state to localStorage
          */
         "saveState"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "save-state"?: boolean;
     }
     /**
      * A simple component to show more or less elements.
@@ -6912,26 +5720,14 @@ declare namespace LocalJSX {
           * Optional JS selector to target which elements to hide or show
          */
         "childrenSelector"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "children-selector"?: string;
         /**
           * The maximum number of items to show when `show` is true. Excess items will be hidden.
          */
         "maxToShow"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-to-show"?: number;
         /**
           * Only show the 'show more' button
          */
         "noHideBtn"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-hide-btn"?: boolean;
         /**
           * The default state. `false` - excess items are hidden. `true` - excess items are shown.
          */
@@ -6948,10 +5744,6 @@ declare namespace LocalJSX {
           * Whether secondary menus should close on blur
          */
         "closeOnBlur"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "close-on-blur"?: boolean;
         /**
           * Disable the nav item
          */
@@ -6996,10 +5788,6 @@ declare namespace LocalJSX {
           * Screen pixel width to activate the secondary menu
          */
         "secondaryActiveWidth"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "secondary-active-width"?: number;
         /**
           * Secondary fallback function for when the secondary menu is no longer active.
          */
@@ -7025,10 +5813,6 @@ declare namespace LocalJSX {
           * You can add extra meta for this option. When displayed in a list, users search / filter via extra related terms. Another usecase is 'endonyms'
          */
         "filterMeta"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "filter-meta"?: string;
         /**
           * Label of the option
          */
@@ -7082,10 +5866,6 @@ declare namespace LocalJSX {
           * Disables the scroll arrow buttons that appear when content overflows
          */
         "scrollControls"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "scroll-controls"?: boolean;
     }
     /**
      * Used to show the status of an ongoing operation.
@@ -7099,10 +5879,6 @@ declare namespace LocalJSX {
           * Whether to show the progress bar's current percent as text. Will be overwritten if you use the default slot.
          */
         "showPercent"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-percent"?: boolean;
         /**
           * The progress bar's percentage, 0 to 100.
          */
@@ -7131,10 +5907,6 @@ declare namespace LocalJSX {
           * Show two knobs.
          */
         "dualKnobs"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dual-knobs"?: boolean;
         /**
           * Maximum integer value of the range.
          */
@@ -7226,10 +5998,6 @@ declare namespace LocalJSX {
           * The name of the control, which is submitted with the form data.
          */
         "symbolName"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "symbol-name"?: string;
         /**
           * The current rating.
          */
@@ -7246,10 +6014,6 @@ declare namespace LocalJSX {
           * Fire `nanoResizeContentFitChange` events notifying whether content currently fits or does not on the x, y or both axis'. Also makes the `content-fit-...` slots available
          */
         "notifyContentFit"?: 'x' | 'y' | 'xy';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "notify-content-fit"?: 'x' | 'y' | 'xy';
         /**
           * Fires after any resizing
          */
@@ -7285,10 +6049,6 @@ declare namespace LocalJSX {
           * in multiple mode, allow users to enter their own values
          */
         "allowCustomValues"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "allow-custom-values"?: boolean;
         /**
           * This Boolean attribute lets you specify that a form control should have select focus when the page loads.
          */
@@ -7297,10 +6057,6 @@ declare namespace LocalJSX {
           * If `true`, a clear icon will appear in the select when there is a value. Clicking it clears the select.
          */
         "clearSelect"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "clear-select"?: boolean;
         /**
           * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
          */
@@ -7321,10 +6077,6 @@ declare namespace LocalJSX {
           * Enable floating label behaviour. Will disable placeholder if set.
          */
         "floatLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "float-label"?: boolean;
         /**
           * The form element to associate the select with (its form owner). Must be the id of a form.
          */
@@ -7333,10 +6085,6 @@ declare namespace LocalJSX {
           * Visually hide the label - but make it accessible.
          */
         "hideLabel"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-label"?: boolean;
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly
@@ -7358,10 +6106,6 @@ declare namespace LocalJSX {
           * When `multiple="true"`, control how many values to show within the control at once. After the maximum, "+n" will be shown to indicate the number of additional items that are selected.
          */
         "maxValuesVisible"?: boolean | number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "max-values-visible"?: boolean | number;
         /**
           * Minimum number of options that can be selected when multiple is true
          */
@@ -7415,10 +6159,6 @@ declare namespace LocalJSX {
           * Whether to show validation errors underneath input
          */
         "showInlineError"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-inline-error"?: boolean;
         /**
           * The initial size of the control.
          */
@@ -7428,19 +6168,11 @@ declare namespace LocalJSX {
           * @default 'submitThenDirty'
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validate-on"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
           * Current validation message - if any.
           * @readonly
          */
         "validityMessage"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "validity-message"?: string;
         /**
           * The value of the select.
          */
@@ -7492,10 +6224,6 @@ declare namespace LocalJSX {
           * Zero-based index of the selected cell.
          */
         "currentSlide"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "current-slide"?: number;
         /**
           * If `true`, make the slider fullscreen.
          */
@@ -7572,18 +6300,10 @@ declare namespace LocalJSX {
           * Items being sorted will animate into place
          */
         "animationEnabled"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "animation-enabled"?: boolean;
         /**
           * The css animation timing applied when `animationEnabled` is `true`
          */
         "animationTiming"?: any;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "animation-timing"?: any;
         /**
           * A function that should attach a keyboard accessible control. When a `handleSelector` is not used - to allow keyboard accessibility - `createKeyboardHandle` should render a focusable element.  If your sortable item is itself focusable, you must use this function to render a control *outside* of the focusable element.
           * @param _number
@@ -7595,18 +6315,10 @@ declare namespace LocalJSX {
           * Dragged items by default, will take whatever default css is applied in situ. When sortable items' dimensions are dynamic (i.e they can shrink / grow via the space allowed) dragging items can look 'wrong'. Apply `dragResize` to read & recreate the dragged items current dimensions when dragged.
          */
         "dragResize"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "drag-resize"?: boolean;
         /**
           * Use this class to change how the element looks whilst being sorted
          */
         "draggedClass"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dragged-class"?: string;
         /**
           * Used to generate a screen reader live update, informing the user of the current element being dropped.
           * @param el the element that has been dropped by the user
@@ -7617,18 +6329,10 @@ declare namespace LocalJSX {
           * Used in-conjunction with `dropzoneSelector`, applied when a dropzone is dragged over
          */
         "dropzoneActiveClass"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dropzone-active-class"?: string;
         /**
           * When dragging between grouped collections of items, it is possible to drag all sortable items from one group to another. At that point, you will not be able to drag items back to the original group. A `dropzoneSelector` allows you to define a placeholder area where items can always be dropped.
          */
         "dropzoneSelector"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "dropzone-selector"?: string;
         /**
           * Used to generate a screen reader live update, informing the user of the current element being grabbed.
           * @param el the element that has been grabbed by the user
@@ -7639,26 +6343,14 @@ declare namespace LocalJSX {
           * Use this class to change how the handle looks whilst being sorted
          */
         "handleDraggedClass"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "handle-dragged-class"?: string;
         /**
           * A css query selector which matches an element *within* the `itemSelector` element which will act like a drag handle. **Note** For keyboard a11y it's recommended to use `handleSelector` when possible. Alternatively, the `createKeyboardHandle` prop will be used
          */
         "handleSelector"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "handle-selector"?: string;
         /**
           * Accessibility helper text applied to handle controls
          */
         "helperText"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "helper-text"?: string;
         /**
           * As a sortable element is interacted with, announcements are made to screen readers - informing the user what is changing. By default, the text from the element is extracted to describe the interacted with element. Use this function to provide a more meaningful, concise item descriptor
           * @param el the element being interacted with
@@ -7669,10 +6361,6 @@ declare namespace LocalJSX {
           * A css query selector which matches a set of elements that should be sortable. e.g. `<li>` or `<tr>`
          */
         "itemSelector"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "item-selector"?: string;
         /**
           * Fired when a sortable element is dropped after having been picked up.
          */
@@ -7697,10 +6385,6 @@ declare namespace LocalJSX {
           * Use this class to change how the element looks when acting as a placeholder
          */
         "placeholderClass"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "placeholder-class"?: string;
         /**
           * Used to generate a screen reader live update, informing the user when items have been reordered.
           * @param el the element that has been reordered by the user
@@ -7723,7 +6407,7 @@ declare namespace LocalJSX {
          */
         "overlay"?: boolean;
         /**
-          * The type of spinner animation. dna should be used for larger, page loads. Circle for smaller component loaders.
+          * The type of spinner animation
          */
         "type"?: 'dna' | 'circle';
     }
@@ -7735,10 +6419,6 @@ declare namespace LocalJSX {
           * When changing `position` via property, the pane will animate into position. Make `animationDuration` 0 to disable.
          */
         "animationDuration"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "animation-duration"?: number;
         /**
           * Disables resizing. Note that the position may still change as a result of resizing the host element.
          */
@@ -7759,10 +6439,6 @@ declare namespace LocalJSX {
           * The current position of the divider from the primary panel's edge in pixels.
          */
         "positionInPixels"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "position-in-pixels"?: number;
         /**
           * If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a primary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the host element is resized.
          */
@@ -7775,10 +6451,6 @@ declare namespace LocalJSX {
           * How close the divider must be to a snap point until snapping occurs.
          */
         "snapThreshold"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "snap-threshold"?: number;
         /**
           * Draws the split panel in a vertical orientation with the start and end panels stacked.
          */
@@ -7792,42 +6464,22 @@ declare namespace LocalJSX {
           * Only applicable to root stickers. When applied the sticker will grow or shrink to the scrollParent size
          */
         "autoResize"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "auto-resize"?: boolean;
         /**
           * The max width of the item to implement sticky behaviour.
          */
         "breakPointMax"?: null | number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "break-point-max"?: null | number;
         /**
           * The min width of the item to implement sticky behaviour.
          */
         "breakPointMin"?: null | number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "break-point-min"?: null | number;
         /**
           * When applied stickers will hide upon new stickers being stuck to the same position
          */
         "hideOnNewStickers"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "hide-on-new-stickers"?: boolean;
         /**
           * Manually enable / disabled sticky behaviour
          */
         "isSticky"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "is-sticky"?: boolean;
         /**
           * Distance the item should be stuck from the sticky edge.
          */
@@ -7856,10 +6508,6 @@ declare namespace LocalJSX {
           * When applied, the sticker will hide when the scroll-parent is scrolling away from the sticker's stuck position and show when scrolling toward it. By default this will apply when the parent is below either the h or w dimensions
          */
         "quietMode"?: 'on' | 'off' | { h: number; w: number };
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "quiet-mode"?: 'on' | 'off' | { h: number; w: number };
         /**
           * Define which scroll element to listen & stick to. By default, it will find traverse the DOM to find the closest.
          */
@@ -7868,10 +6516,6 @@ declare namespace LocalJSX {
           * Upon being stuck, attach the sticker to another sticker element. JS query selector string or DOM element pointing to a `<nano-sticker>`
          */
         "stickTo"?: string | HTMLNanoStickerElement;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "stick-to"?: string | HTMLNanoStickerElement;
     }
     interface NanoTab {
         /**
@@ -7920,18 +6564,10 @@ declare namespace LocalJSX {
           * Disable 'swipe to change tab' on devices with touch
          */
         "disableSwipe"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "disable-swipe"?: boolean;
         /**
           * Disables the scroll arrows that appear when tabs overflow.
          */
         "noScrollControls"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "no-scroll-controls"?: boolean;
         /**
           * Emitted when a closable tab is removed.
          */
@@ -7956,18 +6592,10 @@ declare namespace LocalJSX {
           * Store the currently open tab (against this ID) in the component store. Use in conjunction with storeMethod
          */
         "storeId"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-id"?: string;
         /**
           * The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').
          */
         "storeMethod"?: StorageMethods;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "store-method"?: StorageMethods;
     }
     /**
      * A performant, accessible and semantic (uses real html `<table />`, `<tr />` etc) table and data-grid solution.
@@ -7989,10 +6617,6 @@ declare namespace LocalJSX {
           * @readonly
          */
         "blocksLength"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "blocks-length"?: number;
         /**
           * A descriptive title of the table. You must use this or the `slot="caption"` for accessibility
          */
@@ -8025,10 +6649,6 @@ declare namespace LocalJSX {
           * The default sortable option for all columns. `true` will enable column sorting unless you set `sortable: false` on a column `false` will disable column sorting unless you set `sortable: true` on a column
          */
         "defaultSort"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "default-sort"?: boolean;
         /**
           * Used for custom tfoot row rendering
          */
@@ -8090,18 +6710,10 @@ declare namespace LocalJSX {
           * To improve performance, data is split into blocks which are shown / hidden and rendered as they become visible. Use this to control the number of hits within a block - A block should fill a scrolling viewport. The less perBlock the better for performance
          */
         "perBlock"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "per-block"?: number;
         /**
           * When loading rows asynchronously, this will render this number of placeholder rows
          */
         "placeholderSize"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "placeholder-size"?: number;
         /**
           * Used for custom row rendering
          */
@@ -8115,26 +6727,14 @@ declare namespace LocalJSX {
           * Term to search for in the data
          */
         "searchTerm"?: string;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "search-term"?: string;
         /**
           * Show the caption on-screen
          */
         "showCaption"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-caption"?: boolean;
         /**
           * Whether to show a `<tfoot>` component
          */
         "showFooter"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "show-footer"?: boolean;
         /**
           * The type of table. Grid type will make cells navigable by keyboard
          */
@@ -8143,10 +6743,6 @@ declare namespace LocalJSX {
           * Use this to render the table with roughly the correct dimensions. a use-case might be; fetch a small initial dataset to minimise load-time, render the table with the correct dimensions, the table becomes interactive, load the rest of the data
          */
         "virtualTotalItems"?: number;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "virtual-total-items"?: number;
     }
     /**
      * Tooltips display additional information based on a specific action.