@nanoporetech-digital/components-vue 1.13.16 → 1.13.20

package/dist/vetur/attributes.json

@@ -0,0 +1,1965 @@
+{
+  "nano-accordion/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "Color to use from the color palette.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-alert/closable": {
+    "type": "boolean",
+    "description": "Set to true to make the alert closable.",
+    "options": []
+  },
+  "nano-alert/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "The color to use from the application's color palette.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-alert/duration": {
+    "type": "number",
+    "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\nalert before it closes (e.g. moves the mouse over it), the timer will restart.",
+    "options": []
+  },
+  "nano-alert/open": {
+    "type": "boolean",
+    "description": "Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods.",
+    "options": []
+  },
+  "nano-algolia/api-key": {
+    "type": "string",
+    "description": "An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.",
+    "options": []
+  },
+  "nano-algolia/app-id": {
+    "type": "string",
+    "description": "An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'.",
+    "options": []
+  },
+  "nano-algolia/browse-index": {
+    "type": "boolean",
+    "description": "Will maintain a search all / '*' on init and reset allowing for a view\nthen filter experience rather than a search first experience",
+    "options": []
+  },
+  "nano-algolia/filters": {
+    "type": "string[]",
+    "description": "Query filters to apply to all searches.\nRefer to https://www.algolia.com/doc/api-reference/api-parameters/filters for format.",
+    "options": []
+  },
+  "nano-algolia/listen-to": {
+    "type": "string",
+    "description": "JS querSelector string of a `nano-input` / `input` element from which\nto listen to `nano-change` or `change` events and change the `query` prop.\nNot required if an appropriate field is in the 'search-input' slot",
+    "options": []
+  },
+  "nano-algolia/min-chars": {
+    "type": "number",
+    "description": "Minimum number of characters before performing a search",
+    "options": []
+  },
+  "nano-algolia/operator": {
+    "type": "\"and\" | \"or\"",
+    "description": "The external operator joining filter values.",
+    "options": [
+      "and",
+      "or"
+    ]
+  },
+  "nano-algolia/query": {
+    "type": "string",
+    "description": "The query string used to search the index. Will automtically be set with any slotted\n`search-input` input elements or from elements linked to from `listen-to`",
+    "options": []
+  },
+  "nano-algolia/replica-index": {
+    "type": "string",
+    "description": "Changes the index without removing any current filters. Most appropriate for algolia replicas.",
+    "options": []
+  },
+  "nano-algolia/results-page": {
+    "type": "number",
+    "description": "The current algolia page of results currently being viewed or to get.",
+    "options": []
+  },
+  "nano-algolia/search-index": {
+    "type": "SearchIndex",
+    "description": "Algolia search index. Used in conjunction with 'apiKey' & 'appId'.\n```\n{ index: string, // algolia index name\n  domain?: string, // used in template filters to resolve incomplete url fields\n  filters?: [string], // algolia facets to retrive\n  hitsPerPage?: number,\n  name?: string // human readable index name\n}\n```",
+    "options": []
+  },
+  "nano-algolia/search-index-name": {
+    "type": "string",
+    "description": "Algolia search index name. Alternative to 'searchIndex'.\nA simplified shortcut for setting an index.\nProperties such as hitsPerPage and facets will come from the algolia index",
+    "options": []
+  },
+  "nano-algolia/show-results": {
+    "type": "boolean",
+    "description": "Show the result panel. By default it will automatically show when the result receives new hits.",
+    "options": []
+  },
+  "nano-algolia/store-id": {
+    "type": "string",
+    "description": "Store search queries (against this ID) to the component store.\nUse in conjunction with storeMethod",
+    "options": []
+  },
+  "nano-algolia/store-method": {
+    "type": "\"local\" | \"session\" | \"url-hash\" | \"url-hash-push\" | \"url-query\" | \"url-query-push\"",
+    "description": "The method of storage.\nEither session storage, url hash (after the '#') or url query (after the '?').",
+    "options": [
+      "local",
+      "session",
+      "url-hash",
+      "url-hash-push",
+      "url-query",
+      "url-query-push"
+    ]
+  },
+  "nano-algolia/tpl-engine": {
+    "type": "Object",
+    "description": "Template engine to use when rendering results and filters.\nDefaults to Squirrel v8 (https://squirrelly.js.org/). This gives you access\nto the underlying squirrel object allowing you to modify it's configuration / add filters.",
+    "options": []
+  },
+  "nano-algolia/tpl-render-fn": {
+    "type": "(...args: any[]) => string",
+    "description": "Template engine render function to use when rendering results and filters.\nDefaults to Squirrel v8's render (https://squirrelly.js.org/).",
+    "options": []
+  },
+  "nano-algolia-filter/filter-name": {
+    "type": "string",
+    "description": "Name of this filter - must match an appropriate algolia facet on a parent nano-algolia index to display",
+    "options": []
+  },
+  "nano-algolia-filter/operator": {
+    "type": "\"and\" | \"or\"",
+    "description": "The internal operator joining filter values.",
+    "options": [
+      "and",
+      "or"
+    ]
+  },
+  "nano-algolia-filter/store-id": {
+    "type": "string",
+    "description": "Store search queries (against this ID) to the component store.\nUse in conjunction with storeMethod",
+    "options": []
+  },
+  "nano-algolia-filter/store-method": {
+    "type": "\"local\" | \"session\" | \"url-hash\" | \"url-hash-push\" | \"url-query\" | \"url-query-push\"",
+    "description": "The method of storage.\nEither session storage, url hash (after the '#') or url query (after the '?').",
+    "options": [
+      "local",
+      "session",
+      "url-hash",
+      "url-hash-push",
+      "url-query",
+      "url-query-push"
+    ]
+  },
+  "nano-algolia-filter/value": {
+    "type": "string | string[]",
+    "description": "Set values of this filter. Will result in form elements being selected. '|' delimited string or array.",
+    "options": []
+  },
+  "nano-algolia-input/api-key": {
+    "type": "string",
+    "description": "An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.\nAlternatively this will be set automatically when nested within an algolia component",
+    "options": []
+  },
+  "nano-algolia-input/app-id": {
+    "type": "string",
+    "description": "An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'.\nAlternatively this will be set automatically when nested within an algolia component",
+    "options": []
+  },
+  "nano-algolia-input/auto-emit": {
+    "type": "boolean",
+    "description": "Automatically emit results data to algolia components.\nFor example, if you wanted to provide an 'autocomplete' style dropdown\nbefore showing the main results with a submit button",
+    "options": []
+  },
+  "nano-algolia-input/browse-index": {
+    "type": "boolean",
+    "description": "Will maintain a search all / '*' on init and reset allowing for a view\nthen filter experience rather than a search first experience",
+    "options": []
+  },
+  "nano-algolia-input/min-chars": {
+    "type": "number",
+    "description": "Minimum number of characters before performing a search",
+    "options": []
+  },
+  "nano-algolia-input/search-index": {
+    "type": "SearchIndex",
+    "description": "Algolia search index. Used in conjunction with 'searchIndex' & 'appId'.\nAlternatively this will be set automatically if you're using a 'resultsEmitter' element.\n```\n{ index: string, // algolia index name\n  domain?: string, // used in template filers to resolve incomplete url fields\n  filters?: [string], // algolia facets to retrive\n  hitsPerPage?: number,\n  name?: string // human readable index name\n}\n```",
+    "options": []
+  },
+  "nano-algolia-input/search-index-name": {
+    "type": "string",
+    "description": "Algolia search index name. Alternative to 'searchIndex'.\nA simplified shortcut for setting an index.\nproperties such as hitsPerPage and facets will come from the algolia index",
+    "options": []
+  },
+  "nano-algolia-input/store-id": {
+    "type": "string",
+    "description": "Store search queries (against this ID) to the component store.\nUse in conjunction with storeMethod",
+    "options": []
+  },
+  "nano-algolia-input/store-method": {
+    "type": "\"local\" | \"session\" | \"url-hash\" | \"url-hash-push\" | \"url-query\" | \"url-query-push\"",
+    "description": "The method of storage.\nEither session storage, url hash (after the '#') or url query (after the '?').",
+    "options": [
+      "local",
+      "session",
+      "url-hash",
+      "url-hash-push",
+      "url-query",
+      "url-query-push"
+    ]
+  },
+  "nano-algolia-pagination/max-to-show": {
+    "type": "number",
+    "description": "Max number of page numbers to show",
+    "options": []
+  },
+  "nano-algolia-results/append-pages": {
+    "type": "boolean",
+    "description": "Whether new pages loaded by pagination will replace or be appended to the results block\n(this will be ignored if 'infiniteScroll' is set to true)",
+    "options": []
+  },
+  "nano-algolia-results/infinite-scroll": {
+    "type": "boolean",
+    "description": "Load and append pages automatically on scroll",
+    "options": []
+  },
+  "nano-aspect-ratio/aspect-ratio": {
+    "type": "string",
+    "description": "The aspect ratio of the embedded media in the format of `width:height`, e.g. `16:9`, `4:3`, or `1:1`.\nRatios not in this format will be ignored.",
+    "options": []
+  },
+  "nano-aspect-ratio/fit": {
+    "type": "\"contain\" | \"cover\"",
+    "description": "Determines how content will be resized to fit its container.",
+    "options": [
+      "contain",
+      "cover"
+    ]
+  },
+  "nano-checkbox/checked": {
+    "type": "boolean",
+    "description": "checked property that can be used to get/set the value. accepts only boolean values",
+    "options": []
+  },
+  "nano-checkbox/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "Color to use from your application's color palette.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-checkbox/disabled": {
+    "type": "boolean",
+    "description": "If `true`, the user cannot interact with the checkbox.",
+    "options": []
+  },
+  "nano-checkbox/indeterminate": {
+    "type": "boolean",
+    "description": "If `true`, the checkbox will visually appear as indeterminate (only relevant for type=\"checkbox\")",
+    "options": []
+  },
+  "nano-checkbox/invalid": {
+    "type": "boolean",
+    "description": "This will be true when the control is in an invalid state.\nValidity is determined by the `required` prop. Or if custom validity message is set.",
+    "options": []
+  },
+  "nano-checkbox/label": {
+    "type": "string",
+    "description": "label property that can be used to set the label text. Alternatively you may use a label slot.",
+    "options": []
+  },
+  "nano-checkbox/name": {
+    "type": "string",
+    "description": "The name of the control, which is submitted with the form data.",
+    "options": []
+  },
+  "nano-checkbox/required": {
+    "type": "boolean",
+    "description": "Set to true to make the field required.",
+    "options": []
+  },
+  "nano-checkbox/type": {
+    "type": "\"checkbox\" | \"radio\" | \"segment\" | \"segment-pill\" | \"tag\"",
+    "description": "Controls the underlying field type and style.",
+    "options": [
+      "checkbox",
+      "radio",
+      "segment",
+      "segment-pill",
+      "tag"
+    ]
+  },
+  "nano-checkbox/value": {
+    "type": "string",
+    "description": "The value of a checkbox is analogous to the value of an `<input type='checkbox'>`,\nit's only present when `checked` is true.",
+    "options": []
+  },
+  "nano-checkbox-group/disabled": {
+    "type": "boolean",
+    "description": "Disable all the nested form controls",
+    "options": []
+  },
+  "nano-checkbox-group/legend": {
+    "type": "string",
+    "description": "A common label for children controls",
+    "options": []
+  },
+  "nano-checkbox-group/max": {
+    "type": "number",
+    "description": "The maximum number of checkboxes allowed. Only relevant for checkbox type controls.\nOther controls will automatically be disabled upon reaching this number.",
+    "options": []
+  },
+  "nano-checkbox-group/min": {
+    "type": "number",
+    "description": "The minimum number of checkboxes required to be valid. Only relevant for checkbox type controls.\nA validation error will be thrown if not enough controls are checked.",
+    "options": []
+  },
+  "nano-checkbox-group/show-inline-error": {
+    "type": "boolean",
+    "description": "Whether to show validation errors underneath input",
+    "options": []
+  },
+  "nano-checkbox-group/validate-on": {
+    "type": "\"dirty\" | \"submit\" | \"submitThenDirty\"",
+    "description": "When should the field perform validation",
+    "options": [
+      "dirty",
+      "submit",
+      "submitThenDirty"
+    ]
+  },
+  "nano-date-input/autofocus": {
+    "type": "boolean",
+    "description": "This Boolean attribute lets you specify that a form control should have input focus when the page loads.",
+    "options": []
+  },
+  "nano-date-input/clear-input": {
+    "type": "boolean",
+    "description": "If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.",
+    "options": []
+  },
+  "nano-date-input/close-after-picked": {
+    "type": "boolean",
+    "description": "Close the picker after a date is selected",
+    "options": []
+  },
+  "nano-date-input/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "The color to use from the application's color palette.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-date-input/date-order": {
+    "type": "\"dmy\" | \"dym\" | \"mdy\" | \"ymd\"",
+    "description": "The order of the date parts for entry and display.\ne.g. dmy = dd mm yyyy",
+    "options": [
+      "dmy",
+      "dym",
+      "mdy",
+      "ymd"
+    ]
+  },
+  "nano-date-input/disabled": {
+    "type": "boolean",
+    "description": "If `true`, the user cannot interact with the input.",
+    "options": []
+  },
+  "nano-date-input/first-day-of-week": {
+    "type": "DaysOfWeek.Friday | DaysOfWeek.Monday | DaysOfWeek.Saturday | DaysOfWeek.Sunday | DaysOfWeek.Thursday | DaysOfWeek.Tuesday | DaysOfWeek.Wednesday",
+    "description": "Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\nDefault is Monday.",
+    "options": []
+  },
+  "nano-date-input/float-label": {
+    "type": "boolean",
+    "description": "Enable floating label behaviour. Will disable placeholder if set.",
+    "options": []
+  },
+  "nano-date-input/form": {
+    "type": "string",
+    "description": "The form element to associate the select with (its form owner). Must be the id of a form.",
+    "options": []
+  },
+  "nano-date-input/helper-text": {
+    "type": "boolean",
+    "description": "Whether to show a long form, confirmation date string of the one currently entered",
+    "options": []
+  },
+  "nano-date-input/helper-text-format": {
+    "type": "LocalDateOpts",
+    "description": "Options for the date string display. Refer to https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString.",
+    "options": []
+  },
+  "nano-date-input/hide-label": {
+    "type": "boolean",
+    "description": "Visually hide the label - but make it accessible.",
+    "options": []
+  },
+  "nano-date-input/initial-picker-date": {
+    "type": "string",
+    "description": "Initial picker date. Will be to `value` if set. Will be today's date if nothing set.\nMust be in IS0-8601 format: YYYY-MM-DD.",
+    "options": []
+  },
+  "nano-date-input/label": {
+    "type": "string",
+    "description": "String to place within a label element. Alternatively you may use a label slot.",
+    "options": []
+  },
+  "nano-date-input/localization": {
+    "type": "{ buttonLabel: string; placeholder: string; selectedDateMessage: string; prevMonthLabel: string; nextMonthLabel: string; monthSelectLabel: string; yearSelectLabel: string; closeLabel: string; keyboardInstruction: string; calendarHeading: string; dayNames: DayNames; monthNames: MonthsNames; monthNamesShort: MonthsNames; }",
+    "description": "Button labels, day names, month names, etc, used for localization.\nDefault is English.",
+    "options": []
+  },
+  "nano-date-input/max": {
+    "type": "string",
+    "description": "Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the min property.",
+    "options": []
+  },
+  "nano-date-input/min": {
+    "type": "string",
+    "description": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the max property.",
+    "options": []
+  },
+  "nano-date-input/name": {
+    "type": "string",
+    "description": "The name of the control, which is submitted with the form data.",
+    "options": []
+  },
+  "nano-date-input/picker": {
+    "type": "boolean",
+    "description": "Show a date picker. Date pickers are not very useful\nif the potential input is too far in the distance or past\ne.g. Birthdays",
+    "options": []
+  },
+  "nano-date-input/picker-open": {
+    "type": "boolean",
+    "description": "Set / read whether the picker is currently open.",
+    "options": []
+  },
+  "nano-date-input/placeholder": {
+    "type": "string",
+    "description": "Instructional text that shows before the input has a value.\nThe pattern prop will be used to create a placeholder automatically if unused.",
+    "options": []
+  },
+  "nano-date-input/readonly": {
+    "type": "boolean",
+    "description": "If `true`, the user cannot modify the value.",
+    "options": []
+  },
+  "nano-date-input/required": {
+    "type": "boolean",
+    "description": "If `true`, the user must fill in a value before submitting a form.",
+    "options": []
+  },
+  "nano-date-input/show-inline-error": {
+    "type": "boolean",
+    "description": "Whether to show validation errors underneath input",
+    "options": []
+  },
+  "nano-date-input/size": {
+    "type": "number",
+    "description": "The initial size (number of characters) of the control.",
+    "options": []
+  },
+  "nano-date-input/validate-on": {
+    "type": "\"dirty\" | \"submit\" | \"submitThenDirty\"",
+    "description": "When should the field perform validation",
+    "options": [
+      "dirty",
+      "submit",
+      "submitThenDirty"
+    ]
+  },
+  "nano-date-input/value": {
+    "type": "string",
+    "description": "Current value. Must be in IS0-8601 format: YYYY-MM-DD.",
+    "options": []
+  },
+  "nano-date-picker/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "The color to use from the application's color palette.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-date-picker/first-day-of-week": {
+    "type": "DaysOfWeek.Friday | DaysOfWeek.Monday | DaysOfWeek.Saturday | DaysOfWeek.Sunday | DaysOfWeek.Thursday | DaysOfWeek.Tuesday | DaysOfWeek.Wednesday",
+    "description": "Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\nDefault is Monday.",
+    "options": []
+  },
+  "nano-date-picker/is-date-disabled": {
+    "type": "(date: Date) => boolean",
+    "description": "Controls which days are disabled and therefore disallowed.\nFor example, this can be used to disallow selection of weekends.",
+    "options": []
+  },
+  "nano-date-picker/is-modal": {
+    "type": "boolean",
+    "description": "Controls whether the picker is a modal or dialog,\npopup control and will therefore keep focus within the control",
+    "options": []
+  },
+  "nano-date-picker/localization": {
+    "type": "{ buttonLabel: string; placeholder: string; selectedDateMessage: string; prevMonthLabel: string; nextMonthLabel: string; monthSelectLabel: string; yearSelectLabel: string; closeLabel: string; keyboardInstruction: string; calendarHeading: string; dayNames: DayNames; monthNames: MonthsNames; monthNamesShort: MonthsNames; }",
+    "description": "Button labels, day names, month names, etc, used for localization.\nDefault is English.",
+    "options": []
+  },
+  "nano-date-picker/max": {
+    "type": "string",
+    "description": "Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the min property.",
+    "options": []
+  },
+  "nano-date-picker/min": {
+    "type": "string",
+    "description": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the max property.",
+    "options": []
+  },
+  "nano-date-picker/selected-date": {
+    "type": "string",
+    "description": "Selected Date. Must be in IS0-8601 format: YYYY-MM-DD.",
+    "options": []
+  },
+  "nano-details/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "Color to use from your application's color palette.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-details/icon-rotation": {
+    "type": "number",
+    "description": "Icon slot rotation amount (degrees) on open",
+    "options": []
+  },
+  "nano-details/label": {
+    "type": "string",
+    "description": "Button / handle text to be used if no complex markup required.\nOtherwise use label slot.",
+    "options": []
+  },
+  "nano-details/no-handle": {
+    "type": "boolean",
+    "description": "Have no handle - you will need to control the hiding / showing of content with script",
+    "options": []
+  },
+  "nano-details/open": {
+    "type": "boolean",
+    "description": "Should item be open on load",
+    "options": []
+  },
+  "nano-dialog/label": {
+    "type": "string",
+    "description": "The dialog's label as displayed in the header. You should always include a relevant\nlabel even when using `no-header`, as it is required for proper accessibility.",
+    "options": []
+  },
+  "nano-dialog/no-footer": {
+    "type": "boolean",
+    "description": "Set to true to disable the footer. This will also remove the footer close button,\nso please ensure you  provide an easy, accessible way for users to dismiss the dialog.",
+    "options": []
+  },
+  "nano-dialog/no-header": {
+    "type": "boolean",
+    "description": "Set to true to disable the header. This will also remove the default close button,\nso please ensure you  provide an easy, accessible way for users to dismiss the dialog.",
+    "options": []
+  },
+  "nano-dialog/no-user-dismiss": {
+    "type": "boolean",
+    "description": "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",
+    "options": []
+  },
+  "nano-dialog/open": {
+    "type": "boolean",
+    "description": "Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods.",
+    "options": []
+  },
+  "nano-dialog/show-ribbon": {
+    "type": "boolean",
+    "description": "Show a colour ribbon at the top of the modal",
+    "options": []
+  },
+  "nano-dialog/store-id": {
+    "type": "string",
+    "description": "Store search queries (against this ID) to the component store. Use in conjunction with storeMethod",
+    "options": []
+  },
+  "nano-dialog/store-method": {
+    "type": "\"local\" | \"session\" | \"url-hash\" | \"url-hash-push\" | \"url-query\" | \"url-query-push\"",
+    "description": "The method of storage. Either session storage, url hash (after the '#') or url query (after the '?').",
+    "options": [
+      "local",
+      "session",
+      "url-hash",
+      "url-hash-push",
+      "url-query",
+      "url-query-push"
+    ]
+  },
+  "nano-drawer/contained": {
+    "type": "boolean",
+    "description": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this prop and add `position: relative` to the parent.",
+    "options": []
+  },
+  "nano-drawer/content-selector": {
+    "type": "string",
+    "description": "Required for 'reveal' and 'push' types\nA valid DOM selector of the content element that this drawer will push or reveal underneath\nPlease remember - elements wrapping the content element must be 'overflow: hidden'\notherwise menus will be shown when closed",
+    "options": []
+  },
+  "nano-drawer/label": {
+    "type": "string",
+    "description": "The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
+    "options": []
+  },
+  "nano-drawer/no-header": {
+    "type": "boolean",
+    "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
+    "options": []
+  },
+  "nano-drawer/open": {
+    "type": "boolean",
+    "description": "Indicates whether or not the drawer is open. You can use this in lieu of the show/hide methods.",
+    "options": []
+  },
+  "nano-drawer/placement": {
+    "type": "\"bottom\" | \"end\" | \"start\" | \"top\"",
+    "description": "The direction from which the drawer will open.",
+    "options": [
+      "bottom",
+      "end",
+      "start",
+      "top"
+    ]
+  },
+  "nano-drawer/type": {
+    "type": "\"overlay\" | \"push\" | \"reveal\"",
+    "description": "The display type of the drawer",
+    "options": [
+      "overlay",
+      "push",
+      "reveal"
+    ]
+  },
+  "nano-dropdown/auto-open": {
+    "type": "boolean",
+    "description": "Determines if the dropdown should open automatically when the trigger is clicked",
+    "options": []
+  },
+  "nano-dropdown/close-on-select": {
+    "type": "boolean",
+    "description": "Determines whether the dropdown should hide when a menu item is selected.",
+    "options": []
+  },
+  "nano-dropdown/containing-element": {
+    "type": "HTMLElement",
+    "description": "The dropdown will close when the user interacts outside of this element (e.g. clicking).",
+    "options": []
+  },
+  "nano-dropdown/dialog-title": {
+    "type": "string",
+    "description": "Title used to describe the dropdown content for accessibility",
+    "options": []
+  },
+  "nano-dropdown/distance": {
+    "type": "number",
+    "description": "The distance in pixels from which to offset the panel away from its trigger.",
+    "options": []
+  },
+  "nano-dropdown/hoist": {
+    "type": "boolean",
+    "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
+    "options": []
+  },
+  "nano-dropdown/open": {
+    "type": "boolean",
+    "description": "Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods.",
+    "options": []
+  },
+  "nano-dropdown/placement": {
+    "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+    "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
+    "options": [
+      "bottom",
+      "bottom-end",
+      "bottom-start",
+      "left",
+      "left-end",
+      "left-start",
+      "right",
+      "right-end",
+      "right-start",
+      "top",
+      "top-end",
+      "top-start"
+    ]
+  },
+  "nano-dropdown/skidding": {
+    "type": "number",
+    "description": "The distance in pixels from which to offset the panel along its trigger.",
+    "options": []
+  },
+  "nano-file-upload/accept": {
+    "type": "string",
+    "description": "The accept attribute value is a string that defines the file types the file input should accept.\nE.g. for a MS Word file: `.doc, .docx,application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document`",
+    "options": []
+  },
+  "nano-file-upload/capture": {
+    "type": "\"environment\" | \"user\"",
+    "description": "Specifies which camera to use for capture of image or video data. `user` for the user-facing camera and/or microphone.\n`environment` specifies the the outward-facing camera and/or microphone. If the requested facing mode isn't available,\nthe user agent may fall back to its preferred default mode.",
+    "options": [
+      "environment",
+      "user"
+    ]
+  },
+  "nano-file-upload/clear-input": {
+    "type": "boolean",
+    "description": "If `true`, a clear icon will appear in the input when there is a value.\nClicking it clears the input. Only used within single file uploads.",
+    "options": []
+  },
+  "nano-file-upload/disabled": {
+    "type": "boolean",
+    "description": "If `true`, the user cannot interact with the select.",
+    "options": []
+  },
+  "nano-file-upload/files": {
+    "type": "{ lastModified: number; type: string; name: string; size: number; objectURL: string; arrayBuffer: () => Promise<ArrayBuffer>; slice: (start?: number, end?: number, contentType?: string) => Blob; stream: () => ReadableStream<any>; text: () => Promise<string>; }[]",
+    "description": "A File array that lists every selected file.\nHas an added `objectURL` property returning a `DOMString`\ncontaining an object URL that can be used to reference the contents of the specified source\nThis list has no more than one member unless the multiple attribute is specified. @readonly",
+    "options": []
+  },
+  "nano-file-upload/hide-label": {
+    "type": "boolean",
+    "description": "Visually hide the label - but make it accessible.",
+    "options": []
+  },
+  "nano-file-upload/invalid": {
+    "type": "boolean",
+    "description": "This will be true when the control is in an invalid state.\nValidity is determined by the `required` prop. Or if custom validity message is set. @readonly",
+    "options": []
+  },
+  "nano-file-upload/label": {
+    "type": "string",
+    "description": "String to place within a label element.",
+    "options": []
+  },
+  "nano-file-upload/max-file-size": {
+    "type": "number",
+    "description": "The maximum file size allowed per file (Megabytes)",
+    "options": []
+  },
+  "nano-file-upload/max-files": {
+    "type": "number",
+    "description": "The maximum file size allowed per file (bytes).",
+    "options": []
+  },
+  "nano-file-upload/name": {
+    "type": "string",
+    "description": "Name of the form control. Submitted with the form as part of a name/value pair.",
+    "options": []
+  },
+  "nano-file-upload/placeholder": {
+    "type": "string",
+    "description": "Placeholder only used within single file uploads.",
+    "options": []
+  },
+  "nano-file-upload/required": {
+    "type": "boolean",
+    "description": "If `true`, the user must select a file to upload before submitting a form.",
+    "options": []
+  },
+  "nano-file-upload/show-inline-error": {
+    "type": "boolean",
+    "description": "Whether to show validation errors underneath input",
+    "options": []
+  },
+  "nano-file-upload/validate-on": {
+    "type": "\"dirty\" | \"submit\" | \"submitThenDirty\"",
+    "description": "When should the field perform validation",
+    "options": [
+      "dirty",
+      "submit",
+      "submitThenDirty"
+    ]
+  },
+  "nano-file-upload/value": {
+    "type": "string",
+    "description": "A file input's value attribute contains a DOMString that represents the path to the selected file(s).\nIf the user selected multiple files, the value represents the first file in the list of files they selected.\nYou can reset the file-upload control by setting the value to an emptry string e.g. `var input.value = ''`",
+    "options": []
+  },
+  "nano-global-nav/active-my-account-sections": {
+    "type": "(\"about\" | \"loggedin\" | \"sites\" | \"icons\")[]",
+    "description": "Active MyAccount link sections. By default all will show.",
+    "options": [
+      "loggedin",
+      "sites"
+    ]
+  },
+  "nano-global-nav/cart-count": {
+    "type": "number",
+    "description": "MyAccount store cart count.",
+    "options": []
+  },
+  "nano-global-nav/cart-url": {
+    "type": "string",
+    "description": "Url to the Nanopore store cart. Will default to the url supplied by MyAccount",
+    "options": []
+  },
+  "nano-global-nav/env": {
+    "type": "\"dev\" | \"local\" | \"prod\" | \"test\"",
+    "description": "Connect to local, dev, test or prod MyAccount\nenvironments to retrieve global nav / sso data",
+    "options": [
+      "dev",
+      "local",
+      "prod",
+      "test"
+    ]
+  },
+  "nano-global-nav/get-my-account-data": {
+    "type": "boolean",
+    "description": "Whether to attempt to get global nav / sso data from MyAccount",
+    "options": []
+  },
+  "nano-global-nav/logo-url": {
+    "type": "string",
+    "description": "The link to put on the logo",
+    "options": []
+  },
+  "nano-global-nav/msg-count": {
+    "type": "number",
+    "description": "MyAccount undread message count.",
+    "options": []
+  },
+  "nano-global-nav/msg-url": {
+    "type": "string",
+    "description": "Url to the Nanopore message center. Will default to the url supplied by MyAccount",
+    "options": []
+  },
+  "nano-global-nav/my-account-user": {
+    "type": "{ id: string; name: string; first_name: string; last_name: string; email: string; company: string; lifecycle_stage: string; indirect_customer: boolean; }",
+    "description": "Logged in user details automatically populated from MyAccount",
+    "options": []
+  },
+  "nano-global-nav/search-api-key": {
+    "type": "string",
+    "description": "An Algolia API Key. Will be automatically populated from MyAccount",
+    "options": []
+  },
+  "nano-global-nav/search-app-id": {
+    "type": "string",
+    "description": "An Algolia App ID key. Will be automatically populated from MyAccount",
+    "options": []
+  },
+  "nano-global-nav/search-indeces": {
+    "type": "SearchIndex[]",
+    "description": "An array of Algolia search indexes (and optional display names). Will be automatically populated from MyAccount",
+    "options": []
+  },
+  "nano-global-nav/search-index": {
+    "type": "string",
+    "description": "Algolia search index to programatically set or to set an initial index",
+    "options": []
+  },
+  "nano-global-nav/search-value": {
+    "type": "string",
+    "description": "A search value to passed to Algolia to programatically get or to preload search results",
+    "options": []
+  },
+  "nano-global-nav/show-logo": {
+    "type": "boolean",
+    "description": "Whether to show Nanopore logo",
+    "options": []
+  },
+  "nano-global-nav/show-search": {
+    "type": "boolean",
+    "description": "Whether to show search functionality",
+    "options": []
+  },
+  "nano-global-nav/sso-redirect": {
+    "type": "string",
+    "description": "Where to take user after SSO login",
+    "options": []
+  },
+  "nano-grid/content-panel": {
+    "type": "boolean",
+    "description": "shortcut for a traditional website like grid (requires more than one row). The second row will auto expand to fill the grid height. The first row and > 2nd row will be the size of their content. e.g. header, body and footer.",
+    "options": []
+  },
+  "nano-grid/full-height": {
+    "type": "boolean",
+    "description": "Helper to make grid items expand to full height in IE11",
+    "options": []
+  },
+  "nano-grid/l-cols": {
+    "type": "number",
+    "description": "the number of columns the grid has at the large breakpoint.",
+    "options": []
+  },
+  "nano-grid/l-size": {
+    "type": "number",
+    "description": "the component's large breakpoint. Note - all breakpoints are based on component width, not screen width.",
+    "options": []
+  },
+  "nano-grid/m-cols": {
+    "type": "number",
+    "description": "the number of columns the grid has at the medium breakpoint.",
+    "options": []
+  },
+  "nano-grid/m-size": {
+    "type": "number",
+    "description": "the component's medium breakpoint. Note - all breakpoints are based on component width, not screen width.",
+    "options": []
+  },
+  "nano-grid/s-cols": {
+    "type": "number",
+    "description": "the number of columns the grid has at the small breakpoint.",
+    "options": []
+  },
+  "nano-grid/s-size": {
+    "type": "number",
+    "description": "the component's small breakpoint. Note - all breakpoints are based on component width, not screen width.",
+    "options": []
+  },
+  "nano-grid/show-helper": {
+    "type": "boolean",
+    "description": "shows a grid helper to visualise where columns are",
+    "options": []
+  },
+  "nano-grid/xl-cols": {
+    "type": "number",
+    "description": "the number of columns the grid has at the xl breakpoint.",
+    "options": []
+  },
+  "nano-grid/xl-size": {
+    "type": "number",
+    "description": "the component's xl breakpoint. Note - all breakpoints are based on component width, not screen width.",
+    "options": []
+  },
+  "nano-grid/xxl-cols": {
+    "type": "number",
+    "description": "the number of columns the grid has at the xxl breakpoint (anything greater than the xl breakpoint)",
+    "options": []
+  },
+  "nano-grid-item/grid-states": {
+    "type": "string",
+    "description": "How to position this item within it's parent grid at different break points. Examples:\nxl-col-span-2\nl-col-start-2\nxxl-row-span-2\nm-row-start-2",
+    "options": []
+  },
+  "nano-hero/img-src": {
+    "type": "string",
+    "description": "src for backgronund image. For more control use the `background` slot instead.",
+    "options": []
+  },
+  "nano-hero/img-src-set": {
+    "type": "string",
+    "description": "Optional list string providing media sizes with corresponding image srcs.\ni.e. show img-x at 300px wide. Format `srcSet=\"200w src/imgSmall.jpg, 500h src/imgMed.png\"`",
+    "options": []
+  },
+  "nano-hero/large-screen-bp": {
+    "type": "number",
+    "description": "The Break Point width that the hero component will change to the large view. Defaults to the XL grid size (900px)",
+    "options": []
+  },
+  "nano-hero/level": {
+    "type": "\"sub\" | \"top\"",
+    "description": "Set the content structure level of the hero. Defaults to 'top'",
+    "options": [
+      "sub",
+      "top"
+    ]
+  },
+  "nano-hero/theme": {
+    "type": "\"dark\" | \"light\"",
+    "description": "Base style for the hero. Either 'light' (white bg / dark text), or 'dark' (dark bg / white text)",
+    "options": [
+      "dark",
+      "light"
+    ]
+  },
+  "nano-icon/aria-label": {
+    "type": "string",
+    "description": "Specifies the label to use for accessibility. Defaults to the icon name.",
+    "options": []
+  },
+  "nano-icon/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "Color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-icon/flip-rtl": {
+    "type": "boolean",
+    "description": "Specifies whether the icon should horizontally flip when `dir` is `\"rtl\"`.",
+    "options": []
+  },
+  "nano-icon/icon": {
+    "type": "any",
+    "description": "A combination of both `name` and `src`. If a `src` url is detected\nit will set the `src` property. Otherwise it assumes it's a built-in named\nSVG and set the `name` property.",
+    "options": []
+  },
+  "nano-icon/lazy": {
+    "type": "boolean",
+    "description": "If enabled, nano-icon will be loaded lazily when it's visible in the viewport.\nDefault, `false`.",
+    "options": []
+  },
+  "nano-icon/name": {
+    "type": "string",
+    "description": "Specifies which icon to use from the built-in set of icons.",
+    "options": []
+  },
+  "nano-icon/size": {
+    "type": "\"large\" | \"small\"",
+    "description": "The size of the icon.\nAvailable options are: `\"small\"` and `\"large\"`.",
+    "options": [
+      "large",
+      "small"
+    ]
+  },
+  "nano-icon/src": {
+    "type": "string",
+    "description": "Specifies the exact `src` of an SVG file to use.",
+    "options": []
+  },
+  "nano-icon-button/disabled": {
+    "type": "boolean",
+    "description": "Set to true to disable the button.",
+    "options": []
+  },
+  "nano-icon-button/href": {
+    "type": "string",
+    "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered.",
+    "options": []
+  },
+  "nano-icon-button/icon-name": {
+    "type": "string",
+    "description": "The name of the icon to draw.",
+    "options": []
+  },
+  "nano-icon-button/icon-src": {
+    "type": "string",
+    "description": "An external URL of an SVG file.",
+    "options": []
+  },
+  "nano-icon-button/label": {
+    "type": "string",
+    "description": "A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should\nalways include a label that describes what the icon button does.",
+    "options": []
+  },
+  "nano-icon-button/name": {
+    "type": "string",
+    "description": "The name of the button, submitted as a pair with the button’s value as part of the form data.",
+    "options": []
+  },
+  "nano-icon-button/target": {
+    "type": "string",
+    "description": "Specifies where to display the linked URL. Only applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
+    "options": []
+  },
+  "nano-icon-button/type": {
+    "type": "\"button\" | \"reset\" | \"submit\"",
+    "description": "The default behavior of the button.",
+    "options": [
+      "button",
+      "reset",
+      "submit"
+    ]
+  },
+  "nano-icon-button/value": {
+    "type": "string",
+    "description": "Defines the value associated with the button’s name when it’s submitted with the form data.",
+    "options": []
+  },
+  "nano-img/alt": {
+    "type": "string",
+    "description": "This attribute defines the alternative text describing the image.\nUsers will see this text displayed if the image URL is wrong, or if the image is not yet downloaded.",
+    "options": []
+  },
+  "nano-img/auto-height": {
+    "type": "\"content\" | \"image\"",
+    "description": "When the image is rendered as a background, and there is no preset dimensions of the component,\nyou can set how the component height will be set. Via image size or via the content *",
+    "options": [
+      "content",
+      "image"
+    ]
+  },
+  "nano-img/background": {
+    "type": "boolean",
+    "description": "Render the image as a background image *",
+    "options": []
+  },
+  "nano-img/lazy": {
+    "type": "boolean",
+    "description": "Render image lazily, when it comes into the browser viewport *",
+    "options": []
+  },
+  "nano-img/src": {
+    "type": "string",
+    "description": "The image URL. This attribute is mandatory for the `<img>` element.",
+    "options": []
+  },
+  "nano-img/src-set": {
+    "type": "string",
+    "description": "Optional list string providing media sizes with corresponding image srcs.\ni.e. show img-x at 300px wide. Format `srcSet=\"200w src/imgSmall.jpg, 500h src/imgMed.png\"`",
+    "options": []
+  },
+  "nano-input/accept": {
+    "type": "string",
+    "description": "If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers.",
+    "options": []
+  },
+  "nano-input/autocapitalise": {
+    "type": "\"characters\" | \"none\" | \"sentences\" | \"words\"",
+    "description": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.",
+    "options": [
+      "characters",
+      "none",
+      "sentences",
+      "words"
+    ]
+  },
+  "nano-input/autocomplete": {
+    "type": "\"off\" | \"on\"",
+    "description": "Indicates whether the value of the control can be automatically completed by the browser.",
+    "options": [
+      "off",
+      "on"
+    ]
+  },
+  "nano-input/autocorrect": {
+    "type": "\"off\" | \"on\"",
+    "description": "Whether auto correction should be enabled when the user is entering/editing the text value.",
+    "options": [
+      "off",
+      "on"
+    ]
+  },
+  "nano-input/autofocus": {
+    "type": "boolean",
+    "description": "This Boolean attribute lets you specify that a form control should have input focus when the page loads.",
+    "options": []
+  },
+  "nano-input/clear-input": {
+    "type": "boolean",
+    "description": "If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.",
+    "options": []
+  },
+  "nano-input/clear-on-edit": {
+    "type": "boolean",
+    "description": "If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `\"password\"`, `false` for all other types.",
+    "options": []
+  },
+  "nano-input/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "The color to use from the application's color palette.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-input/debounce": {
+    "type": "number",
+    "description": "Set the amount of time, in milliseconds, to wait to trigger the `nanoChange` event after each keystroke.",
+    "options": []
+  },
+  "nano-input/disabled": {
+    "type": "boolean",
+    "description": "If `true`, the user cannot interact with the input.",
+    "options": []
+  },
+  "nano-input/float-label": {
+    "type": "boolean",
+    "description": "Enable floating label behaviour. Will disable placeholder if set.",
+    "options": []
+  },
+  "nano-input/form": {
+    "type": "string",
+    "description": "The form element to associate the select with (its form owner). Must be the id of a form.",
+    "options": []
+  },
+  "nano-input/hide-label": {
+    "type": "boolean",
+    "description": "Visually hide the label - but make it accessible.",
+    "options": []
+  },
+  "nano-input/inputmode": {
+    "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+    "description": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.",
+    "options": [
+      "decimal",
+      "email",
+      "none",
+      "numeric",
+      "search",
+      "tel",
+      "text",
+      "url"
+    ]
+  },
+  "nano-input/invalid": {
+    "type": "boolean",
+    "description": "This will be true when the control is in an invalid state.\nValidity is determined by the `required` prop. Or if custom validity message is set. @readonly",
+    "options": []
+  },
+  "nano-input/label": {
+    "type": "string",
+    "description": "String to place within a label element. Alternatively you may use a label slot.",
+    "options": []
+  },
+  "nano-input/max": {
+    "type": "string",
+    "description": "The maximum value, which must not be less than its minimum (min attribute) value.",
+    "options": []
+  },
+  "nano-input/maxlength": {
+    "type": "number",
+    "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.",
+    "options": []
+  },
+  "nano-input/min": {
+    "type": "string",
+    "description": "The minimum value, which must not be greater than its maximum (max attribute) value.",
+    "options": []
+  },
+  "nano-input/minlength": {
+    "type": "number",
+    "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.",
+    "options": []
+  },
+  "nano-input/multiple": {
+    "type": "boolean",
+    "description": "If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.",
+    "options": []
+  },
+  "nano-input/name": {
+    "type": "string",
+    "description": "The name of the control, which is submitted with the form data.",
+    "options": []
+  },
+  "nano-input/pattern": {
+    "type": "string",
+    "description": "A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored.",
+    "options": []
+  },
+  "nano-input/placeholder": {
+    "type": "string",
+    "description": "Instructional text that shows before the input has a value.",
+    "options": []
+  },
+  "nano-input/readonly": {
+    "type": "boolean",
+    "description": "If `true`, the user cannot modify the value.",
+    "options": []
+  },
+  "nano-input/required": {
+    "type": "boolean",
+    "description": "If `true`, the user must fill in a value before submitting a form.",
+    "options": []
+  },
+  "nano-input/resize": {
+    "type": "\"auto\" | \"false\" | \"true\"",
+    "description": "relevant to type=\"textarea\". Vertical resizing - enable / disable or make automatic.",
+    "options": [
+      "auto",
+      "false",
+      "true"
+    ]
+  },
+  "nano-input/rows": {
+    "type": "number",
+    "description": "relevant to type=\"textarea\". Default number of rows to show",
+    "options": []
+  },
+  "nano-input/show-char-count": {
+    "type": "boolean",
+    "description": "relevant to type=\"textarea\".",
+    "options": []
+  },
+  "nano-input/show-inline-error": {
+    "type": "boolean",
+    "description": "Whether to show validation errors underneath input",
+    "options": []
+  },
+  "nano-input/size": {
+    "type": "number",
+    "description": "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.",
+    "options": []
+  },
+  "nano-input/spellcheck": {
+    "type": "boolean",
+    "description": "If `true`, the element will have its spelling and grammar checked.",
+    "options": []
+  },
+  "nano-input/step": {
+    "type": "string",
+    "description": "Works with the min and max attributes to limit the increments at which a value can be set.\nPossible values are: `\"any\"` or a positive floating point number.",
+    "options": []
+  },
+  "nano-input/type": {
+    "type": "\"date\" | \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"textarea\" | \"time\" | \"url\"",
+    "description": "The type of control to display. The default type is text.",
+    "options": [
+      "date",
+      "email",
+      "number",
+      "password",
+      "search",
+      "tel",
+      "text",
+      "textarea",
+      "time",
+      "url"
+    ]
+  },
+  "nano-input/validate-on": {
+    "type": "\"dirty\" | \"submit\" | \"submitThenDirty\"",
+    "description": "When should the field perform validation",
+    "options": [
+      "dirty",
+      "submit",
+      "submitThenDirty"
+    ]
+  },
+  "nano-input/value": {
+    "type": "string",
+    "description": "The value of the input.",
+    "options": []
+  },
+  "nano-menu-drawer/hide-height": {
+    "type": "boolean",
+    "description": "Should element hide and move items into the nano-global-nav when items are cut off\n(this will only work when nano-menu-drawer is displayed at full screen)",
+    "options": []
+  },
+  "nano-menu-drawer/hide-width": {
+    "type": "number",
+    "description": "Screen width to hide the menu drawer and move the items into the nano-global-nav",
+    "options": []
+  },
+  "nano-menu-drawer/open": {
+    "type": "boolean",
+    "description": "Set the initial menu drawer open or closed",
+    "options": []
+  },
+  "nano-menu-drawer/save-state": {
+    "type": "boolean",
+    "description": "Save open state to localStorage",
+    "options": []
+  },
+  "nano-nav-item/close-on-blur": {
+    "type": "boolean",
+    "description": "Whether secondary menus should close on blur",
+    "options": []
+  },
+  "nano-nav-item/disabled": {
+    "type": "boolean",
+    "description": "Disable the nav item",
+    "options": []
+  },
+  "nano-nav-item/href": {
+    "type": "string",
+    "description": "Href to link to",
+    "options": []
+  },
+  "nano-nav-item/open": {
+    "type": "boolean",
+    "description": "Whether a secondary menu should be or is currently open",
+    "options": []
+  },
+  "nano-nav-item/secondary-active-width": {
+    "type": "number",
+    "description": "Screen pixel width to activate the secondary menu",
+    "options": []
+  },
+  "nano-nav-item/secondary-fallback": {
+    "type": "() => void",
+    "description": "Secondary fallback function for when the secondary menu is no longer active.",
+    "options": []
+  },
+  "nano-nav-item/selected": {
+    "type": "boolean",
+    "description": "Whether this menu item is currently 'selected'",
+    "options": []
+  },
+  "nano-nav-item/target": {
+    "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
+    "description": "Target to use for links",
+    "options": [
+      "_blank",
+      "_parent",
+      "_self",
+      "_top"
+    ]
+  },
+  "nano-range/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-range/debounce": {
+    "type": "number",
+    "description": "How long, in milliseconds, to wait to trigger the\n`nanoChange` event after each change in the range value.",
+    "options": []
+  },
+  "nano-range/disabled": {
+    "type": "boolean",
+    "description": "If `true`, the user cannot interact with the range.",
+    "options": []
+  },
+  "nano-range/dual-knobs": {
+    "type": "boolean",
+    "description": "Show two knobs.",
+    "options": []
+  },
+  "nano-range/max": {
+    "type": "number",
+    "description": "Maximum integer value of the range.",
+    "options": []
+  },
+  "nano-range/min": {
+    "type": "number",
+    "description": "Minimum integer value of the range.",
+    "options": []
+  },
+  "nano-range/name": {
+    "type": "string",
+    "description": "The name of the control, which is submitted with the form data.",
+    "options": []
+  },
+  "nano-range/pin": {
+    "type": "boolean",
+    "description": "If `true`, a pin with integer value is shown when the knob\nis pressed.",
+    "options": []
+  },
+  "nano-range/snaps": {
+    "type": "boolean",
+    "description": "If `true`, the knob snaps to tick marks evenly spaced based\non the step property value.",
+    "options": []
+  },
+  "nano-range/step": {
+    "type": "number",
+    "description": "Specifies the value granularity.",
+    "options": []
+  },
+  "nano-range/ticks": {
+    "type": "boolean",
+    "description": "If `true`, tick marks are displayed based on the step value.\nOnly applies when `snaps` is `true`.",
+    "options": []
+  },
+  "nano-range/value": {
+    "type": "number | { lower: number; upper: number; }",
+    "description": "the value of the range.",
+    "options": []
+  },
+  "nano-rating/disabled": {
+    "type": "boolean",
+    "description": "Disables the rating.",
+    "options": []
+  },
+  "nano-rating/max": {
+    "type": "number",
+    "description": "The highest rating to show.",
+    "options": []
+  },
+  "nano-rating/name": {
+    "type": "string",
+    "description": "The name of the control, which is submitted with the form data.",
+    "options": []
+  },
+  "nano-rating/precision": {
+    "type": "number",
+    "description": "The minimum increment value allowed by the control.",
+    "options": []
+  },
+  "nano-rating/readonly": {
+    "type": "boolean",
+    "description": "Makes the rating readonly.",
+    "options": []
+  },
+  "nano-rating/symbol": {
+    "type": "(_: number) => string",
+    "description": "A function that returns the symbols to display.\nAllows for more granular control than `symbol-name`.\nAccepts an option `value` parameter you can use to map a specific symbol to a value.",
+    "options": []
+  },
+  "nano-rating/symbol-name": {
+    "type": "string",
+    "description": "The name of the control, which is submitted with the form data.",
+    "options": []
+  },
+  "nano-rating/value": {
+    "type": "number",
+    "description": "The current rating.",
+    "options": []
+  },
+  "nano-resize-observe/states": {
+    "type": "string",
+    "description": "string list of sizes and optional class-names. Adds class-names and fires nanoResizeStateChange events. Upon hitting breakpoints.\nFormat: `states=\"800w, 300h class1 class2\"`",
+    "options": []
+  },
+  "nano-select/allow-custom-values": {
+    "type": "boolean",
+    "description": "in multiple mode, allow users to enter their own values",
+    "options": []
+  },
+  "nano-select/autofocus": {
+    "type": "boolean",
+    "description": "This Boolean attribute lets you specify that a form control should have select focus when the page loads.",
+    "options": []
+  },
+  "nano-select/clear-select": {
+    "type": "boolean",
+    "description": "If `true`, a clear icon will appear in the select when there is a value. Clicking it clears the select.",
+    "options": []
+  },
+  "nano-select/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-select/debounce": {
+    "type": "number",
+    "description": "Set the amount of time, in milliseconds, to wait to trigger the `nanoSearchChange` event after each keystroke.",
+    "options": []
+  },
+  "nano-select/disabled": {
+    "type": "boolean",
+    "description": "If `true`, the user cannot interact with the select.",
+    "options": []
+  },
+  "nano-select/float-label": {
+    "type": "boolean",
+    "description": "Enable floating label behaviour. Will disable placeholder if set.",
+    "options": []
+  },
+  "nano-select/form": {
+    "type": "string",
+    "description": "The form element to associate the select with (its form owner). Must be the id of a form.",
+    "options": []
+  },
+  "nano-select/hide-label": {
+    "type": "boolean",
+    "description": "Visually hide the label - but make it accessible.",
+    "options": []
+  },
+  "nano-select/invalid": {
+    "type": "boolean",
+    "description": "This will be true when the control is in an invalid state.\nValidity is determined by the `required` prop. Or if custom validity message is set.",
+    "options": []
+  },
+  "nano-select/label": {
+    "type": "string",
+    "description": "String to place within a label element.",
+    "options": []
+  },
+  "nano-select/mask": {
+    "type": "boolean",
+    "description": "Hide the native select element and cover with a value 'mask'.\nEnables a fluid nano-select width upon value change (if required). Doesn't work with multiple=\"true\".",
+    "options": []
+  },
+  "nano-select/max": {
+    "type": "number",
+    "description": "Maximum number of options that can be selected when multiple is true",
+    "options": []
+  },
+  "nano-select/min": {
+    "type": "number",
+    "description": "Minimum number of options that can be selected when multiple is true",
+    "options": []
+  },
+  "nano-select/multiple": {
+    "type": "boolean",
+    "description": "If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.",
+    "options": []
+  },
+  "nano-select/name": {
+    "type": "string",
+    "description": "The name of the control, which is submitted with the form data.",
+    "options": []
+  },
+  "nano-select/native": {
+    "type": "boolean",
+    "description": "Whether to use native <select> elements. Setting to false will use a similar UI as multiple=\"true\"",
+    "options": []
+  },
+  "nano-select/options": {
+    "type": "(string | { label: string; value?: string; })[]",
+    "description": "You can set options via js. domElement.options = ['option 1', 'option 2'] or [{label: 'option 1', value: 'opt-1'}]",
+    "options": []
+  },
+  "nano-select/placeholder": {
+    "type": "string",
+    "description": "Instructional text that shows before the select has a value. Text set here will be placed inside the label when a value is set. If you don't want this behaviour just set the first option to have no value.",
+    "options": []
+  },
+  "nano-select/readonly": {
+    "type": "boolean",
+    "description": "If `true`, the user cannot modify the value.",
+    "options": []
+  },
+  "nano-select/required": {
+    "type": "boolean",
+    "description": "If `true`, the user must fill in a value before submitting a form.",
+    "options": []
+  },
+  "nano-select/show-inline-error": {
+    "type": "boolean",
+    "description": "Whether to show validation errors underneath input",
+    "options": []
+  },
+  "nano-select/size": {
+    "type": "number",
+    "description": "The initial size of the control.",
+    "options": []
+  },
+  "nano-select/validate-on": {
+    "type": "\"dirty\" | \"submit\" | \"submitThenDirty\"",
+    "description": "When should the field perform validation",
+    "options": [
+      "dirty",
+      "submit",
+      "submitThenDirty"
+    ]
+  },
+  "nano-select/value": {
+    "type": "string | string[]",
+    "description": "The value of the select.",
+    "options": []
+  },
+  "nano-select-option/disabled": {
+    "type": "boolean",
+    "description": "Whether this option should be disabled",
+    "options": []
+  },
+  "nano-select-option/label": {
+    "type": "string",
+    "description": "Label of the option",
+    "options": []
+  },
+  "nano-select-option/selected": {
+    "type": "boolean",
+    "description": "Whether this option is selected",
+    "options": []
+  },
+  "nano-select-option/value": {
+    "type": "string",
+    "description": "Value of the option",
+    "options": []
+  },
+  "nano-skeleton/animated": {
+    "type": "boolean",
+    "description": "When `true`, the skeleton will animate.",
+    "options": []
+  },
+  "nano-slide/ready": {
+    "type": "boolean",
+    "description": "Used to to inform the parent slides components of readiness.\nThis will automatically be set to true when the slide has loaded but can be set and updated manually.",
+    "options": []
+  },
+  "nano-slides/animation": {
+    "type": "\"fade\" | \"parallax\" | \"scroll\"",
+    "description": "Animation presets.",
+    "options": [
+      "fade",
+      "parallax",
+      "scroll"
+    ]
+  },
+  "nano-slides/autoplay": {
+    "type": "boolean | number | string",
+    "description": "time duration, in ms, to automatically advance slides",
+    "options": []
+  },
+  "nano-slides/current-slide": {
+    "type": "number",
+    "description": "Zero-based index of the selected cell.",
+    "options": []
+  },
+  "nano-slides/fullscreen": {
+    "type": "boolean",
+    "description": "If `true`, make the slider fullscreen.",
+    "options": []
+  },
+  "nano-slides/fullscreenbtn": {
+    "type": "boolean",
+    "description": "If `true`, show a fullscreen button.",
+    "options": []
+  },
+  "nano-slides/navbtns": {
+    "type": "boolean",
+    "description": "If `true`, show the next / prev buttons.",
+    "options": []
+  },
+  "nano-slides/options": {
+    "type": "FlickityOptions",
+    "description": "Options to pass to the flickity instance.\nSee https://flickity.metafizzy.co/options.html for valid options",
+    "options": []
+  },
+  "nano-slides/pager": {
+    "type": "boolean",
+    "description": "If `true`, show the pagination.",
+    "options": []
+  },
+  "nano-spinner/overlay": {
+    "type": "boolean",
+    "description": "Displays absolutely with an overlay",
+    "options": []
+  },
+  "nano-spinner/type": {
+    "type": "\"circle\" | \"dna\"",
+    "description": "The type of spinner animation. dna should be used for larger, page loads. Circle for smaller component loaders.",
+    "options": [
+      "circle",
+      "dna"
+    ]
+  },
+  "nano-sticker/auto-resize": {
+    "type": "boolean",
+    "description": "Only applicable to root stickers. When applied the sticker will grow or shrink to the scrollParent size",
+    "options": []
+  },
+  "nano-sticker/break-point-max": {
+    "type": "number",
+    "description": "The max width of the item to implement sticky behaviour.",
+    "options": []
+  },
+  "nano-sticker/break-point-min": {
+    "type": "number",
+    "description": "The min width of the item to implement sticky behaviour.",
+    "options": []
+  },
+  "nano-sticker/hide-on-new-stickers": {
+    "type": "boolean",
+    "description": "When applied stickers will hide upon new stickers being stuck to the same position",
+    "options": []
+  },
+  "nano-sticker/is-sticky": {
+    "type": "boolean",
+    "description": "Manually enable / disabled sticky behaviour",
+    "options": []
+  },
+  "nano-sticker/offset": {
+    "type": "number | { v: number; h: number; }",
+    "description": "Distance the item should be stuck from the sticky edge.",
+    "options": []
+  },
+  "nano-sticker/position": {
+    "type": "\"bottom\" | \"top\"",
+    "description": "The edge of the scroll-parent to stick to",
+    "options": [
+      "bottom",
+      "top"
+    ]
+  },
+  "nano-sticker/quiet-mode": {
+    "type": "\"off\" | \"on\" | { h: number; w: number; }",
+    "description": "When applied, the sticker will hide when the scroll-parent\nis scrolling away from the sticker's stuck position and show when scrolling toward it.\nBy default this will apply when the parent is below either the h or w dimensions",
+    "options": [
+      "off",
+      "on"
+    ]
+  },
+  "nano-sticker/scroll-parent": {
+    "type": "Document | HTMLElement",
+    "description": "Define which scroll element to listen & stick to.\nBy default, it will find traverse the DOM to find the closest.",
+    "options": []
+  },
+  "nano-sticker/stick-to": {
+    "type": "string",
+    "description": "Upon being stuck, attach the sticker to another sticker element.\nA JS query selector that returns a <nano-sticker>",
+    "options": []
+  },
+  "nano-tab/active": {
+    "type": "boolean",
+    "description": "The active, selected tab. If none active, the first will automatically be selected.",
+    "options": []
+  },
+  "nano-tab/disabled": {
+    "type": "boolean",
+    "description": "Set to true to draw the tab in an active state.",
+    "options": []
+  },
+  "nano-tab/panel": {
+    "type": "string",
+    "description": "The name of the tab panel the tab will control. The panel must be located in the same tab group.",
+    "options": []
+  },
+  "nano-tab-content/active": {
+    "type": "boolean",
+    "description": "When true, the tab content will be shown.",
+    "options": []
+  },
+  "nano-tab-content/name": {
+    "type": "string",
+    "description": "The tab panel's name.",
+    "options": []
+  },
+  "nano-tab-group/color": {
+    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "description": "The color to use from the application's color palette.",
+    "options": [
+      "danger",
+      "dark",
+      "light",
+      "medium",
+      "primary",
+      "secondary",
+      "success",
+      "tertiary",
+      "warning"
+    ]
+  },
+  "nano-tab-group/no-scroll-controls": {
+    "type": "boolean",
+    "description": "Disables the scroll arrows that appear when tabs overflow.",
+    "options": []
+  },
+  "nano-tab-group/placement": {
+    "type": "\"start\" | \"top\"",
+    "description": "The placement of the tabs.",
+    "options": [
+      "start",
+      "top"
+    ]
+  },
+  "nano-tab-group/store-id": {
+    "type": "string",
+    "description": "Store the currently open tab (against this ID) in the component store.\nUse in conjunction with storeMethod",
+    "options": []
+  },
+  "nano-tab-group/store-method": {
+    "type": "\"local\" | \"session\" | \"url-hash\" | \"url-hash-push\" | \"url-query\" | \"url-query-push\"",
+    "description": "The method of storage.\nEither session storage, url hash (after the '#') or url query (after the '?').",
+    "options": [
+      "local",
+      "session",
+      "url-hash",
+      "url-hash-push",
+      "url-query",
+      "url-query-push"
+    ]
+  },
+  "nano-tooltip/content": {
+    "type": "string",
+    "description": "The tooltip's content. Alternatively, you can use the content slot.",
+    "options": []
+  },
+  "nano-tooltip/disabled": {
+    "type": "boolean",
+    "description": "Set to true to disable the tooltip so it won't show when triggered.",
+    "options": []
+  },
+  "nano-tooltip/distance": {
+    "type": "number",
+    "description": "The distance in pixels from which to offset the tooltip away from its target.",
+    "options": []
+  },
+  "nano-tooltip/open": {
+    "type": "boolean",
+    "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
+    "options": []
+  },
+  "nano-tooltip/placement": {
+    "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+    "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+    "options": [
+      "bottom",
+      "bottom-end",
+      "bottom-start",
+      "left",
+      "left-end",
+      "left-start",
+      "right",
+      "right-end",
+      "right-start",
+      "top",
+      "top-end",
+      "top-start"
+    ]
+  },
+  "nano-tooltip/skidding": {
+    "type": "number",
+    "description": "The distance in pixels from which to offset the tooltip along its target.",
+    "options": []
+  },
+  "nano-tooltip/trigger": {
+    "type": "string",
+    "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+    "options": []
+  }
+}