@nanoporetech-digital/components-vue 7.9.2 → 8.0.0-alpha.0

package/dist/vetur/attributes.json

@@ -1,39 +1,25 @@
 {
-  "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\"",
+    "type": "\"danger\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
     "description": "The color to use from the application's color palette.",
     "options": [
       "danger",
-      "dark",
-      "light",
-      "medium",
+      "neutral",
       "primary",
-      "secondary",
       "success",
-      "tertiary",
       "warning"
     ]
   },
+  "nano-alert/countdown": {
+    "type": "boolean",
+    "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+    "options": []
+  },
   "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.",
@@ -49,6 +35,17 @@
     "description": "Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods.",
     "options": []
   },
+  "nano-alert/theme": {
+    "type": "\"danger\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
+    "description": "The color to use from the application's color palette.",
+    "options": [
+      "danger",
+      "neutral",
+      "primary",
+      "success",
+      "warning"
+    ]
+  },
   "nano-algolia/api-key": {
     "type": "string",
     "description": "An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.",
@@ -395,26 +392,79 @@
     "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
     "options": []
   },
-  "nano-checkbox/checked": {
+  "nano-avatar/initials": {
+    "type": "string",
+    "description": "Initials to use as when no image is available (1–2 characters max recommended).",
+    "options": []
+  },
+  "nano-badge/pulse": {
     "type": "boolean",
-    "description": "checked property that can be used to get/set the value. accepts only boolean values",
+    "description": "Use pulse to draw attention to the badge with an animation",
     "options": []
   },
-  "nano-checkbox/color": {
-    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
-    "description": "Color to use from your application's color palette.",
+  "nano-badge/strength": {
+    "type": "\"1\" | \"2\" | \"3\" | \"4\"",
+    "description": "The strength / vibrancy of the theme. Defaults to `3`",
+    "options": [
+      "1",
+      "2",
+      "3",
+      "4"
+    ]
+  },
+  "nano-badge/theme": {
+    "type": "\"danger\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
+    "description": "The semantic theme of the button. Defaults to primary / brand blue",
     "options": [
       "danger",
-      "dark",
-      "light",
-      "medium",
+      "neutral",
       "primary",
-      "secondary",
       "success",
-      "tertiary",
       "warning"
     ]
   },
+  "nano-breadcrumb/breadcrumbs": {
+    "type": "Breadcrumb[]",
+    "description": "Array of breadcrumb items to render",
+    "options": []
+  },
+  "nano-card/layout": {
+    "type": "\"landscape\" | \"portrait\"",
+    "description": "The layout of the card. `landscape` only applies when the card is large enough. Defaults to portrait.",
+    "options": [
+      "landscape",
+      "portrait"
+    ]
+  },
+  "nano-card/size": {
+    "type": "\"large\" | \"small\"",
+    "description": "Size of card's heading. Defaults to `large`. Has no baring on `variant=\"promo\"` cards",
+    "options": [
+      "large",
+      "small"
+    ]
+  },
+  "nano-card/variant": {
+    "type": "\"product\" | \"promo\" | \"promo-aero\" | \"promo-grey\" | \"promo-plain\"",
+    "description": "The variant of card. Changes the styling of the card and of nested elements",
+    "options": [
+      "product",
+      "promo",
+      "promo-aero",
+      "promo-grey",
+      "promo-plain"
+    ]
+  },
+  "nano-card-carousel/carousel-title": {
+    "type": "string",
+    "description": "The title of the carousel. Alternatively use the `slot=\"title\"` for more control over markup",
+    "options": []
+  },
+  "nano-checkbox/checked": {
+    "type": "boolean",
+    "description": "checked property that can be used to get/set the value. accepts only boolean values",
+    "options": []
+  },
   "nano-checkbox/disabled": {
     "type": "boolean",
     "description": "If `true`, the user cannot interact with the checkbox.",
@@ -425,6 +475,11 @@
     "description": "The form element to associate the input with (its form owner). Must be the id of a form.",
     "options": []
   },
+  "nano-checkbox/hide-label": {
+    "type": "boolean",
+    "description": "Visually hide the label - but make it accessible.",
+    "options": []
+  },
   "nano-checkbox/indeterminate": {
     "type": "boolean",
     "description": "If `true`, the checkbox will visually appear as indeterminate (only relevant for type=\"checkbox\")",
@@ -451,13 +506,12 @@
     "options": []
   },
   "nano-checkbox/type": {
-    "type": "\"checkbox\" | \"radio\" | \"segment\" | \"segment-pill\" | \"switch\" | \"tag\"",
+    "type": "\"checkbox\" | \"radio\" | \"segment\" | \"switch\" | \"tag\"",
     "description": "Controls the underlying field type and style.",
     "options": [
       "checkbox",
       "radio",
       "segment",
-      "segment-pill",
       "switch",
       "tag"
     ]
@@ -489,7 +543,7 @@
   },
   "nano-checkbox-group/legend": {
     "type": "string",
-    "description": "A common label for children controls",
+    "description": "A collective label for children controls",
     "options": []
   },
   "nano-checkbox-group/max": {
@@ -526,6 +580,170 @@
     "description": "The current, collective checkbox value",
     "options": []
   },
+  "nano-collapsible-comparison/open": {
+    "type": "boolean",
+    "description": "Controls whether the comparison is open or closed.",
+    "options": []
+  },
+  "nano-cta/group": {
+    "type": "\"balanced\" | \"stacked\"",
+    "description": "Predefined styles when displaying a number of CTAs together",
+    "options": [
+      "balanced",
+      "stacked"
+    ]
+  },
+  "nano-cta/icon": {
+    "type": "\"back\" | \"down\" | \"download\" | \"false\" | \"forward\" | \"open\" | \"up\"",
+    "description": "A predefined icon to show. Defaults to no icon.\n*note* Will be overruled if a `<nano-icon />` or `<svg />` is detected",
+    "options": [
+      "back",
+      "down",
+      "download",
+      "false",
+      "forward",
+      "open",
+      "up"
+    ]
+  },
+  "nano-cta/loading": {
+    "type": "\"false\" | \"true\"",
+    "description": "Show a loading spinner",
+    "options": [
+      "false",
+      "true"
+    ]
+  },
+  "nano-cta/secondary": {
+    "type": "boolean",
+    "description": "Turn on the secondary style. Every theme also has a secondary style",
+    "options": []
+  },
+  "nano-cta/size": {
+    "type": "\"large\" | \"medium\" | \"small\"",
+    "description": "The size of the button. Defaults to large",
+    "options": [
+      "large",
+      "medium",
+      "small"
+    ]
+  },
+  "nano-cta/theme": {
+    "type": "\"danger\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
+    "description": "The semantic theme of the button. Defaults to primary / brand blue",
+    "options": [
+      "danger",
+      "neutral",
+      "primary",
+      "success",
+      "warning"
+    ]
+  },
+  "nano-data-table/applied-filters": {
+    "type": "Filter[]",
+    "description": "",
+    "options": []
+  },
+  "nano-data-table/blocks-length": {
+    "type": "number",
+    "description": "The number of total blocks currently rendered in the table.",
+    "options": []
+  },
+  "nano-data-table/caption": {
+    "type": "string",
+    "description": "A descriptive title of the table.\nYou must use this or the `slot=\"caption\"` for accessibility",
+    "options": []
+  },
+  "nano-data-table/columns": {
+    "type": "ColumnConfig<any>[]",
+    "description": "The column config used to present the rows of data",
+    "options": []
+  },
+  "nano-data-table/custom-filter-fn": {
+    "type": "(filters: Filter[]) => Promise<true | Falsy>",
+    "description": "A custom filtering function. Should return a promise.\nIf the promise resolves as `true` the column UI will be updated.\nIf the promise resolves as falsy, the sort will be performed by the component.\nA good use-case would be performing the filter on a server / via fetch.\nThen on success, updating the table's data via the `rows` property",
+    "options": []
+  },
+  "nano-data-table/custom-renderer": {
+    "type": "(node: any, cell: HTMLElement | DocumentFragment) => void | Promise<string>",
+    "description": "Function called whenever `col.cellTemplate` renders an unknown object.\nThe function should render a valid HTMLElement to the cell arg.\nExample usage - render JSX from a 3rd party lib and append the result to the cell element.",
+    "options": []
+  },
+  "nano-data-table/custom-sort-fn": {
+    "type": "(property: keyof RowGeneric, order: Order) => Promise<true | Falsy>",
+    "description": "A custom sorting function. Should return a promise.\nIf the promise resolves as `true` the column UI will be updated.\nIf the promise resolves as falsey, the sort will be performed by the component.\nA good use-case would be performing the sort on a server / via fetch.\nThen on success, updating the table's data via the `rows` property",
+    "options": []
+  },
+  "nano-data-table/default-sort": {
+    "type": "boolean",
+    "description": "The default sortable option for all columns.\n`true` will enable column sorting unless you set `sortable: false` on a column\n`false` will disable column sorting unless you set `sortable: true` on a column",
+    "options": []
+  },
+  "nano-data-table/foot-render": {
+    "type": "HeadFootRenderer<RowData<RowGeneric>>",
+    "description": "Used for custom tfoot row rendering",
+    "options": []
+  },
+  "nano-data-table/head-render": {
+    "type": "HeadFootRenderer<RowData<RowGeneric>>",
+    "description": "Used for custom thead row rendering",
+    "options": []
+  },
+  "nano-data-table/loading": {
+    "type": "boolean",
+    "description": "Will show a loading state when set to true.\nBy default, will be shown automatically if `rows` is a promise waiting to resolve / or falsy\n*or* when performing custom filtering or sorting.\n*Note* when set manually, will overwrite any internal loading state.\nSet to 'undefined' to revert to default behaviour.",
+    "options": []
+  },
+  "nano-data-table/per-block": {
+    "type": "number",
+    "description": "To improve performance, data is split into blocks\nwhich are shown / hidden and rendered as they become visible.\nUse this to control the number of hits within a block -\nA block should fill a scrolling viewport.\nThe less perBlock the better for performance",
+    "options": []
+  },
+  "nano-data-table/placeholder-size": {
+    "type": "number",
+    "description": "When loading rows asynchronously render this number of placeholder rows",
+    "options": []
+  },
+  "nano-data-table/row-render": {
+    "type": "RowRenderer<RowData<RowGeneric>>",
+    "description": "Used for custom row rendering",
+    "options": []
+  },
+  "nano-data-table/rows": {
+    "type": "Promise<RowGeneric[]> | RowGeneric[]",
+    "description": "The data to place in the table",
+    "options": []
+  },
+  "nano-data-table/scrollable": {
+    "type": "boolean",
+    "description": "If true, will render any nested table in a scrollable container (using `overflow: auto`)",
+    "options": []
+  },
+  "nano-data-table/search-term": {
+    "type": "string",
+    "description": "Term to search for in the data",
+    "options": []
+  },
+  "nano-data-table/show-caption": {
+    "type": "boolean",
+    "description": "Show the caption on-screen",
+    "options": []
+  },
+  "nano-data-table/show-footer": {
+    "type": "boolean",
+    "description": "Whether to show a `<tfoot>` component",
+    "options": []
+  },
+  "nano-data-table/show-paginate-spinner": {
+    "type": "boolean",
+    "description": "If true, will show a spinner at the bottom of the table when loading",
+    "options": []
+  },
+  "nano-data-table/virtual-total-items": {
+    "type": "number",
+    "description": "Use this to render the table with roughly the correct dimensions.\na use-case might be; fetch a small initial dataset to minimise load-time,\nrender the table with the correct dimensions, the table becomes interactive,\nload the rest of the data",
+    "options": []
+  },
   "nano-datalist/active-options": {
     "type": "HTMLNanoOptionElement[]",
     "description": "return all the active options currently within the datalist. Can be useful for validation",
@@ -567,12 +785,12 @@
     "options": []
   },
   "nano-datalist/type": {
-    "type": "\"input\" | \"selctMulti\" | \"select\"",
+    "type": "\"input\" | \"select\" | \"selectMulti\"",
     "description": "Tweaks the datalist behaviour and linked control semantics and behaviour.\ne.g. 'select' will make the linked input control `readonly`.",
     "options": [
       "input",
-      "selctMulti",
-      "select"
+      "select",
+      "selectMulti"
     ]
   },
   "nano-date-input/autofocus": {
@@ -580,7 +798,7 @@
     "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": {
+  "nano-date-input/clearable": {
     "type": "boolean",
     "description": "If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.",
     "options": []
@@ -591,17 +809,13 @@
     "options": []
   },
   "nano-date-input/color": {
-    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "type": "\"danger\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
     "description": "The color to use from the application's color palette.",
     "options": [
       "danger",
-      "dark",
-      "light",
-      "medium",
+      "neutral",
       "primary",
-      "secondary",
       "success",
-      "tertiary",
       "warning"
     ]
   },
@@ -662,7 +876,7 @@
   },
   "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.",
+    "description": "Initial picker date. Defaults to `value` if set and today's date if not.\nMust be in IS0-8601 format: YYYY-MM-DD.",
     "options": []
   },
   "nano-date-input/invalid": {
@@ -754,24 +968,9 @@
     "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.",
+    "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": {
@@ -781,7 +980,7 @@
   },
   "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",
+    "description": "Controls whether the picker is within a modal control and will therefore keep focus within the control",
     "options": []
   },
   "nano-date-picker/localization": {
@@ -809,30 +1008,24 @@
     "description": "Disables the details so it can't be toggled.",
     "options": []
   },
-  "nano-details/icon-rotation": {
-    "type": "number",
-    "description": "Icon slot rotation amount (degrees) on open",
-    "options": []
-  },
   "nano-details/label": {
     "type": "string",
     "description": "Summary / handle text. Use the `label` slot for HTML markup",
     "options": []
   },
-  "nano-details/no-handle": {
-    "type": "boolean",
-    "description": "Hide the 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-details/use-cache-height": {
-    "type": "boolean",
-    "description": "Sometimes, nested content will resize within the details component which results in choppy show/hide animations.\nSet `useCacheHeight` to `true` try to keep animations smooth.",
-    "options": []
+  "nano-details/size": {
+    "type": "\"large\" | \"medium\" | \"small\"",
+    "description": "The size of the details. Primarily controls the trigger element and overall padding.",
+    "options": [
+      "large",
+      "medium",
+      "small"
+    ]
   },
   "nano-dialog/hoist": {
     "type": "boolean",
@@ -844,11 +1037,6 @@
     "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.",
@@ -926,6 +1114,11 @@
       "top"
     ]
   },
+  "nano-drawer/resizable": {
+    "type": "boolean",
+    "description": "Makes the drawer resizable",
+    "options": []
+  },
   "nano-drawer/store-id": {
     "type": "string",
     "description": "Store search queries (against this ID) to the component store. Use in conjunction with storeMethod",
@@ -1161,14 +1354,6 @@
     "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 empty 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.",
@@ -1179,19 +1364,14 @@
     "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.\nAlternatively, you can use the `ssoDataUrl` prop.",
-    "options": [
-      "dev",
-      "local",
-      "prod",
-      "test"
-    ]
+  "nano-global-nav/contact-url": {
+    "type": "string",
+    "description": "Url to the Nanopore contact page",
+    "options": []
   },
-  "nano-global-nav/get-my-account-data": {
-    "type": "boolean",
-    "description": "Whether to attempt to get global nav / sso data from MyAccount",
+  "nano-global-nav/login-url": {
+    "type": "string",
+    "description": "Url to the Nanopore login page. Will default to the url supplied by MyAccount",
     "options": []
   },
   "nano-global-nav/logo-url": {
@@ -1199,6 +1379,11 @@
     "description": "The link to put on the logo",
     "options": []
   },
+  "nano-global-nav/logout-url": {
+    "type": "string",
+    "description": "Url to the Nanopore login page. Will default to the url supplied by MyAccount",
+    "options": []
+  },
   "nano-global-nav/msg-count": {
     "type": "number",
     "description": "MyAccount un-read message count.",
@@ -1211,67 +1396,32 @@
   },
   "nano-global-nav/my-account-data": {
     "type": "MyAccountData",
-    "description": "An alternative to both 'env' and 'ssoDataUrl'.\nYou can directly provide a JSON object of myaccount data.\n(e.g. https://myaccount.nanoporetech.com/nav_bar_data.json)\nThis is useful for SSR",
+    "description": "MyAccount data automatically set via `myAccountUrl`.\nAlternatively you can directly provide a JSON object which is useful for SSR\n(ref https://myaccount.nanoporetech.com/nav_bar_data.json)",
     "options": []
   },
-  "nano-global-nav/my-account-user": {
-    "type": "MyAccountUser",
-    "description": "Logged in user details automatically populated from MyAccount",
-    "options": []
-  },
-  "nano-global-nav/search-api-key": {
+  "nano-global-nav/my-account-url": {
     "type": "string",
-    "description": "An Algolia API Key. Will be automatically populated from MyAccount",
+    "description": "A base url to retrieve global nav / sso data. `nav_bar_data.json` will be appended to this url",
     "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",
+  "nano-global-nav/my-account-user": {
+    "type": "MyAccountUser",
+    "description": "Logged in user details automatically populated from MyAccount",
     "options": []
   },
   "nano-global-nav/search-index": {
     "type": "string",
-    "description": "Algolia search index to programmatically set or to set an initial index",
+    "description": "Algolia search index to search within",
     "options": []
   },
   "nano-global-nav/search-value": {
     "type": "string",
-    "description": "A search value to passed to Algolia to programmatically 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-data-url": {
-    "type": "string",
-    "description": "A base url to retrieve global nav / sso data.\n`nav_bar_data.json` will be appended to this url.\nAn alternative to the pre-defined `env` urls",
+    "description": "A search string used to load and show autocomplete results",
     "options": []
   },
-  "nano-global-nav/sso-redirect": {
+  "nano-global-nav/session-redirect": {
     "type": "string",
-    "description": "Where to take user after SSO login",
-    "options": []
-  },
-  "nano-global-nav-user-profile/my-account-user": {
-    "type": "MyAccountUser",
-    "description": "Logged in user details automatically populated from MyAccount",
-    "options": []
-  },
-  "nano-global-nav-user-profile/user-profile-url": {
-    "type": "string",
-    "description": "Link to the user profile",
+    "description": "A url to take the user after login / logout. Defaults to current URL. Is automatically URI encoded",
     "options": []
   },
   "nano-grid/l-cols": {
@@ -1386,23 +1536,16 @@
     "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\"`.",
+    "type": "\"neutral\" | \"primary\"",
+    "description": "Specifies the color of the icon. If not specified, the icon will inherit the color of the parent element.",
     "options": [
-      "danger",
-      "dark",
-      "light",
-      "medium",
-      "primary",
-      "secondary",
-      "success",
-      "tertiary",
-      "warning"
+      "neutral",
+      "primary"
     ]
   },
   "nano-icon/flip-rtl": {
     "type": "boolean",
-    "description": "Specifies whether the icon should horizontally flip when `dir` is `\"rtl\"`.",
+    "description": "Specifies whether the icon should horizontally flip when `dir` is `\"rtl\"`.\nBy default, when an 'arrow' or 'chevron' icon is used, it will flip automatically when detecting `dir=\"rtl\"` on the document or closest ancestor.",
     "options": []
   },
   "nano-icon/icon": {
@@ -1426,11 +1569,14 @@
     "options": []
   },
   "nano-icon/size": {
-    "type": "\"large\" | \"small\"",
-    "description": "The size of the icon.\nAvailable options are: `\"small\"` and `\"large\"`.",
+    "type": "\"auto\" | \"large\" | \"regular\" | \"small\" | \"xl\"",
+    "description": "The size of the icon. `auto` automatically sizes according to the font-size of the parent element.\n*Note*: size will be different on 'pictogram' and 'device' vs 'font awesome' icons.",
     "options": [
+      "auto",
       "large",
-      "small"
+      "regular",
+      "small",
+      "xl"
     ]
   },
   "nano-icon/src": {
@@ -1502,6 +1648,22 @@
     "description": "Defines the value associated with the button’s name when it’s submitted with the form data.",
     "options": []
   },
+  "nano-icon-item/layout": {
+    "type": "\"landscape\" | \"portrait\"",
+    "description": "The layout of the icon items. Defaults to portrait.",
+    "options": [
+      "landscape",
+      "portrait"
+    ]
+  },
+  "nano-icon-item/size": {
+    "type": "\"large\" | \"regular\"",
+    "description": "The size of the icon. Defaults to regular",
+    "options": [
+      "large",
+      "regular"
+    ]
+  },
   "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.",
@@ -1535,11 +1697,26 @@
     "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-in-page-nav/breakpoint": {
+    "type": "number",
+    "description": "The breakpoint (in px) at which the nav will switch from large to small screen styles. Defaults to 767",
+    "options": []
+  },
+  "nano-in-page-nav/sticky-headers": {
+    "type": "boolean",
+    "description": "Whether the headers should be sticky (small screen only). Defaults to true",
+    "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/always-show-placeholder": {
+    "type": "boolean",
+    "description": "Sometimes it can be helpful to always show the placeholder, even when the input has a value.\nFor example a postcode field could have a placeholder `e.g. LD1 1AA` which is helpful to show.",
+    "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.",
@@ -1571,31 +1748,21 @@
     "description": "This Boolean attribute lets you specify that a form control should have input focus when the page loads.",
     "options": []
   },
-  "nano-input/clear-input": {
+  "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/clearable": {
     "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": {
+  "nano-input/close-after-picked": {
     "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.",
+    "description": "relevant to `type=\"date\"`. If `true`, the input will close after a date is picked.",
     "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.",
@@ -1621,6 +1788,11 @@
     "description": "Visually hide the label - but make it accessible.",
     "options": []
   },
+  "nano-input/initial-picker-date": {
+    "type": "string",
+    "description": "relevant to `type=\"date\"`. Initial picker date. Defaults to `value` if set and today's date if not.\nMust be in IS0-8601 format: YYYY-MM-DD.",
+    "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\"`.",
@@ -1636,10 +1808,15 @@
     ]
   },
   "nano-input/invalid": {
-    "type": "boolean",
+    "type": "any",
     "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-input/is-date-disabled": {
+    "type": "(date: Date) => boolean",
+    "description": "relevant to `type=\"date\"`. Controls which days are disabled and therefore disallowed.\nFor example, this can be used to disallow selection of weekends.",
+    "options": []
+  },
   "nano-input/label": {
     "type": "string",
     "description": "String to place within a label element. Alternatively you may use a label slot.",
@@ -1680,6 +1857,11 @@
     "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/picker-options": {
+    "type": "{ host?: HTMLNanoDatePickerElement; activeFocus?: boolean; focusedDay?: Date; selectedDate?: string; min?: string; max?: string; firstDayOfWeek?: DaysOfWeek; localization?: DuetLocalizedText; isDateDisabled?: DateDisabledPredicate; isModal?: boolean; firstFocusEle?: HTMLElement; nanoDatePicked?: EventEmitter<PickerChangeEvent>; setFocus?: (day?: boolean) => Promise<void>; handleSelectedDateChange?: () => void; componentWillLoad?: () => void; render?: () => any; }",
+    "description": "relevant to `type=\"date\"`. Other options to pass to the date picker.\nSee the `nano-date-picker` docs for more information.",
+    "options": []
+  },
   "nano-input/placeholder": {
     "type": "string",
     "description": "Instructional text that shows before the input has a value.",
@@ -1692,12 +1874,12 @@
   },
   "nano-input/required": {
     "type": "boolean",
-    "description": "If `true`, the user must fill in a value before submitting a form.",
+    "description": "If `true`, the user must fill in a value before submitting a form.\nBy default, setting this will also add an asterisk to the label.\nYou can disable this by using the `label` slot instead.",
     "options": []
   },
   "nano-input/resize": {
     "type": "\"auto\" | \"false\" | \"true\"",
-    "description": "relevant to type=\"textarea\". Vertical resizing - enable / disable or make automatic.",
+    "description": "relevant to `type=\"textarea\"`. Vertical resizing - enable / disable or make automatic.",
     "options": [
       "auto",
       "false",
@@ -1706,12 +1888,12 @@
   },
   "nano-input/rows": {
     "type": "number",
-    "description": "relevant to type=\"textarea\". Default number of rows to show",
+    "description": "relevant to `type=\"textarea\"`. Default number of rows to show",
     "options": []
   },
   "nano-input/show-char-count": {
     "type": "boolean",
-    "description": "relevant to type=\"textarea\".",
+    "description": "Whether to show a character count / remaining count when using the `maxlength` attribute.",
     "options": []
   },
   "nano-input/show-inline-error": {
@@ -1719,6 +1901,11 @@
     "description": "Whether to show validation errors underneath input",
     "options": []
   },
+  "nano-input/show-picker": {
+    "type": "boolean",
+    "description": "relevant to `type=\"date\"`. Whether to show a date picker.\nDate pickers are not very useful if the potential input is too far in the distance or past e.g. Birthdays",
+    "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.",
@@ -1769,13 +1956,20 @@
     "description": "The value of the input.",
     "options": []
   },
+  "nano-input/value-as-date": {
+    "type": "Date",
+    "description": "Represents the current value of the input as a Date, or null if conversion is not possible",
+    "options": []
+  },
+  "nano-input/value-as-number": {
+    "type": "number",
+    "description": "Represents the value of the input or NaN if numeric conversion is impossible",
+    "options": []
+  },
   "nano-intersection-observe/root": {
-    "type": "\"auto\" | \"root\" | Element",
+    "type": "Element | string",
     "description": "The element that is used as the viewport for checking visibility of the target. Must be an ancestor of the target.\nDefaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`.",
-    "options": [
-      "auto",
-      "root"
-    ]
+    "options": []
   },
   "nano-intersection-observe/root-margin": {
     "type": "string",
@@ -1787,6 +1981,49 @@
     "description": "Indicate at what percentage of the target's visibility the observer's callback should be executed.\nIf you only want to detect when visibility passes the 50% mark, you can use a value of '0.5'.\nIf you want the callback to run every time visibility passes another '25%',\nyou would specify a string of values (separated by ',') array '0, 0.25, 0.5, 0.75, 1'.\nA value of '1.0' means that the threshold isn't considered passed until every pixel is visible.",
     "options": []
   },
+  "nano-masked-overflow/active-handler": {
+    "type": "(item: HTMLElement, _index: number) => void",
+    "description": "A function called when an item becomes 'active' (via click or keyboard)",
+    "options": []
+  },
+  "nano-masked-overflow/hide-scrollbars": {
+    "type": "any",
+    "description": "Show or hide the browser's default scrollbars. Defaults to `true` on vertical orientation and `false` on `horizontal` orientation",
+    "options": []
+  },
+  "nano-masked-overflow/inactive-handler": {
+    "type": "(item: HTMLElement, _index: number) => void",
+    "description": "A function called when an item becomes 'inactive'\n(because another item was made active)",
+    "options": []
+  },
+  "nano-masked-overflow/is-active-handler": {
+    "type": "(item: HTMLElement, _index: number) => boolean",
+    "description": "A function called to assess an initial, active item",
+    "options": []
+  },
+  "nano-masked-overflow/label": {
+    "type": "string",
+    "description": "Used to appropriately label the scrolling element for screen-readers",
+    "options": []
+  },
+  "nano-masked-overflow/orientation": {
+    "type": "\"horizontal\" | \"vertical\"",
+    "description": "The flex direction of the element",
+    "options": [
+      "horizontal",
+      "vertical"
+    ]
+  },
+  "nano-masked-overflow/scroll-controls": {
+    "type": "boolean",
+    "description": "Disables the scroll arrow buttons that appear when content overflows",
+    "options": []
+  },
+  "nano-masked-overflow/show-indicator": {
+    "type": "boolean",
+    "description": "Shows a track and a highlight line that automatically moves the currently active item.",
+    "options": []
+  },
   "nano-menu/has-focus": {
     "type": "boolean",
     "description": "get the focus state of the menu",
@@ -1798,11 +2035,12 @@
     "options": []
   },
   "nano-menu/type": {
-    "type": "\"listbox\" | \"menu\"",
-    "description": "changes the role of the underlying control - sometimes required for semantics",
+    "type": "\"listbox\" | \"menu\" | \"nav\"",
+    "description": "changes the role of the underlying control (required for accessibility semantics).\nBy default this will be set via the frequency of element type (e.g. `<button>` vs `<a>`)",
     "options": [
       "listbox",
-      "menu"
+      "menu",
+      "nav"
     ]
   },
   "nano-menu-drawer/hide-height": {
@@ -1845,6 +2083,11 @@
     "description": "The default state. `false` - excess items are hidden. `true` - excess items are shown.",
     "options": []
   },
+  "nano-nav-item/checkbox": {
+    "type": "boolean",
+    "description": "Changes behaviour so automatically becomes `selected` onClick",
+    "options": []
+  },
   "nano-nav-item/close-on-blur": {
     "type": "boolean",
     "description": "Whether secondary menus should close on blur",
@@ -1857,7 +2100,7 @@
   },
   "nano-nav-item/href": {
     "type": "string",
-    "description": "Href to link to",
+    "description": "Href to link to. Alternatively, slot an `<a>` element",
     "options": []
   },
   "nano-nav-item/notification": {
@@ -1870,16 +2113,6 @@
     "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'",
@@ -1905,6 +2138,11 @@
     "description": "You can add extra meta for this option. When displayed in a list, users\nsearch / filter via extra related terms. Another usecase is 'endonyms'",
     "options": []
   },
+  "nano-option/href": {
+    "type": "string",
+    "description": "Setting an href will render an `<a>` element",
+    "options": []
+  },
   "nano-option/label": {
     "type": "string",
     "description": "Label of the option",
@@ -1920,34 +2158,6 @@
     "description": "Value of the option",
     "options": []
   },
-  "nano-overflow-nav/active-handler": {
-    "type": "(item: HTMLElement, _index: number) => void",
-    "description": "A function called when an item becomes 'active' (via click or keyboard)",
-    "options": []
-  },
-  "nano-overflow-nav/in-active-handler": {
-    "type": "(item: HTMLElement, _index: number) => void",
-    "description": "A function called when an item becomes 'inactive'\n(because another item was made active)",
-    "options": []
-  },
-  "nano-overflow-nav/is-active-handler": {
-    "type": "(item: HTMLElement, _index: number) => boolean",
-    "description": "A function called to assess an initial, active item",
-    "options": []
-  },
-  "nano-overflow-nav/orientation": {
-    "type": "\"horizontal\" | \"vertical\"",
-    "description": "The flex direction of the element",
-    "options": [
-      "horizontal",
-      "vertical"
-    ]
-  },
-  "nano-overflow-nav/scroll-controls": {
-    "type": "boolean",
-    "description": "Disables the scroll arrow buttons that appear when content overflows",
-    "options": []
-  },
   "nano-progress-bar/indeterminate": {
     "type": "boolean",
     "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
@@ -1964,17 +2174,13 @@
     "options": []
   },
   "nano-range/color": {
-    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+    "type": "\"danger\" | \"neutral\" | \"primary\" | \"success\" | \"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",
+      "neutral",
       "primary",
-      "secondary",
       "success",
-      "tertiary",
       "warning"
     ]
   },
@@ -2097,26 +2303,11 @@
     "description": "This Boolean attribute lets you specify that a form control should have select focus when the page loads.",
     "options": []
   },
-  "nano-select/clear-select": {
+  "nano-select/clearable": {
     "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.",
@@ -2148,13 +2339,13 @@
     "options": []
   },
   "nano-select/invalid": {
-    "type": "boolean",
+    "type": "any",
     "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. Alternatively use the 'label' slot",
+    "description": "String to place within a label element. Alternatively you may use a label slot.",
     "options": []
   },
   "nano-select/mask": {
@@ -2204,7 +2395,7 @@
   },
   "nano-select/required": {
     "type": "boolean",
-    "description": "If `true`, the user must fill in a value before submitting a form.",
+    "description": "If `true`, the user must fill in a value before submitting a form.\nBy default, setting this will also add an asterisk to the label.\nYou can disable this by using the `label` slot instead.",
     "options": []
   },
   "nano-select/show-inline-error": {
@@ -2517,7 +2708,7 @@
   },
   "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.",
+    "description": "The name of the `nano-tab-content` panel the tab will control. The content panel must be located in the same tab group.",
     "options": []
   },
   "nano-tab-content/active": {
@@ -2530,26 +2721,16 @@
     "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/disable-swipe": {
     "type": "boolean",
     "description": "Disable 'swipe to change tab' on devices with touch",
     "options": []
   },
+  "nano-tab-group/equal-tab-size": {
+    "type": "boolean",
+    "description": "Make all tabs equal size. This is only recommended when there are a small number of tabs",
+    "options": []
+  },
   "nano-tab-group/no-scroll-controls": {
     "type": "boolean",
     "description": "Disables the scroll arrows that appear when tabs overflow.",
@@ -2563,14 +2744,22 @@
       "top"
     ]
   },
+  "nano-tab-group/size": {
+    "type": "\"large\" | \"regular\"",
+    "description": "Size of tabs. Default is `regular`. `large` is only available when `placement=\"top\"`",
+    "options": [
+      "large",
+      "regular"
+    ]
+  },
   "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",
+    "description": "Store the open tab against this ID in the component store.\nUse in combination 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 '?').",
+    "description": "The method of storage.\nEither session storage, url hash (after an '#') or url query (after an '?').",
     "options": [
       "local",
       "session",
@@ -2580,109 +2769,36 @@
       "url-query-push"
     ]
   },
-  "nano-table/applied-filters": {
-    "type": "Filter[]",
-    "description": "",
-    "options": []
-  },
-  "nano-table/blocks-length": {
-    "type": "number",
-    "description": "The number of total blocks currently rendered in the table.",
-    "options": []
-  },
-  "nano-table/caption": {
-    "type": "string",
-    "description": "A descriptive title of the table.\nYou must use this or the `slot=\"caption\"` for accessibility",
-    "options": []
-  },
-  "nano-table/columns": {
-    "type": "ColumnConfig<any>[]",
-    "description": "The column config used to present the rows of data",
-    "options": []
-  },
-  "nano-table/custom-filter-fn": {
-    "type": "(filters: Filter[]) => Promise<true | Falsy>",
-    "description": "A custom filtering function. Should return a promise.\nIf the promise resolves as `true` the column UI will be updated.\nIf the promise resolves as falsy, the sort will be performed by the component.\nA good use-case would be performing the filter on a server / via fetch.\nThen on success, updating the table's data via the `rows` property",
-    "options": []
-  },
-  "nano-table/custom-renderer": {
-    "type": "(node: any, cell: HTMLElement | DocumentFragment) => void | Promise<string>",
-    "description": "Function called whenever `col.cellTemplate` renders an unknown object.\nThe function should render a valid HTMLElement to the cell arg.\nExample usage - render JSX from a 3rd party lib and append the result to the cell element.",
-    "options": []
-  },
-  "nano-table/custom-sort-fn": {
-    "type": "(property: keyof RowGeneric, order: Order) => Promise<true | Falsy>",
-    "description": "A custom sorting function. Should return a promise.\nIf the promise resolves as `true` the column UI will be updated.\nIf the promise resolves as falsey, the sort will be performed by the component.\nA good use-case would be performing the sort on a server / via fetch.\nThen on success, updating the table's data via the `rows` property",
-    "options": []
-  },
-  "nano-table/default-sort": {
-    "type": "boolean",
-    "description": "The default sortable option for all columns.\n`true` will enable column sorting unless you set `sortable: false` on a column\n`false` will disable column sorting unless you set `sortable: true` on a column",
-    "options": []
-  },
-  "nano-table/foot-render": {
-    "type": "HeadFootRenderer<RowData<RowGeneric>>",
-    "description": "Used for custom tfoot row rendering",
-    "options": []
-  },
-  "nano-table/head-render": {
-    "type": "HeadFootRenderer<RowData<RowGeneric>>",
-    "description": "Used for custom thead row rendering",
-    "options": []
+  "nano-table/compact": {
+    "type": "\"auto\" | boolean",
+    "description": "If true, the table will be rendered in a compact style.",
+    "options": [
+      "auto"
+    ]
   },
-  "nano-table/loading": {
+  "nano-table/hide-caption": {
     "type": "boolean",
-    "description": "Will show a loading state when set to true.\nBy default, will be shown automatically if `rows` is a promise waiting to resolve / or falsy\n*or* when performing custom filtering or sorting.\n*Note* when set manually, will overwrite any internal loading state.\nSet to 'undefined' to revert to default behaviour.",
-    "options": []
-  },
-  "nano-table/per-block": {
-    "type": "number",
-    "description": "To improve performance, data is split into blocks\nwhich are shown / hidden and rendered as they become visible.\nUse this to control the number of hits within a block -\nA block should fill a scrolling viewport.\nThe less perBlock the better for performance",
+    "description": "Visually hide the table's caption",
     "options": []
   },
-  "nano-table/placeholder-size": {
-    "type": "number",
-    "description": "When loading rows asynchronously, this will render this number of placeholder rows",
-    "options": []
-  },
-  "nano-table/row-render": {
-    "type": "RowRenderer<RowData<RowGeneric>>",
-    "description": "Used for custom row rendering",
-    "options": []
-  },
-  "nano-table/rows": {
-    "type": "Promise<RowGeneric[]> | RowGeneric[]",
-    "description": "The data to place in the table",
-    "options": []
-  },
-  "nano-table/search-term": {
-    "type": "string",
-    "description": "Term to search for in the data",
-    "options": []
-  },
-  "nano-table/show-caption": {
+  "nano-table/scrollable": {
     "type": "boolean",
-    "description": "Show the caption on-screen",
+    "description": "If true, will render any nested table in a scrollable container (using `overflow: auto`)",
     "options": []
   },
-  "nano-table/show-footer": {
+  "nano-tag/closable": {
     "type": "boolean",
-    "description": "Whether to show a `<tfoot>` component",
+    "description": "Whether the tag is closable or not.\nIf true, a close button will be displayed.",
     "options": []
   },
-  "nano-table/type": {
-    "type": "\"grid\" | \"table\"",
-    "description": "The type of table. Grid type will make cells navigable by keyboard",
+  "nano-tag/size": {
+    "type": "\"large\" | \"regular\"",
+    "description": "The size of the tag.",
     "options": [
-      "grid",
-      "table"
+      "large",
+      "regular"
     ]
   },
-  "nano-table/virtual-total-items": {
-    "type": "number",
-    "description": "Use this to render the table with roughly the correct dimensions.\na use-case might be; fetch a small initial dataset to minimise load-time,\nrender the table with the correct dimensions, the table becomes interactive,\nload the rest of the data",
-    "options": []
-  },
   "nano-tooltip/content": {
     "type": "string",
     "description": "The tooltip's content. Alternatively, you can use the content slot.",