@umbraco-ui/uui 1.3.0 → 1.4.0-rc.0

package/vscode-html-custom-data.json

@@ -97,12 +97,39 @@
     },
     {
       "name": "uui-box",
-      "description": "A box for grouping elements\n\nSlots:\n\n  * `headline` {} - headline area, this area is placed within the headline tag which is located inside the header. Use this to ensure the right headline styling.\n\n  * `header` {} - header area, use this for things that is not the headline but located in the header.\n\n  * ` ` {} - area for the content of the box\n\nAttributes:\n\n  * `headline` {`string | null`} - Headline for this box, can also be set via the 'box' slot.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `headline` {`string | null`} - Headline for this box, can also be set via the 'box' slot.\n\n  * `_headlineSlotHasContent` {`boolean`} - \n\n  * `_headlineSlotChanged` - \n\n  * `_headerSlotHasContent` {`boolean`} - \n\n  * `_headerSlotChanged` - ",
+      "description": "A box for grouping elements\n\nSlots:\n\n  * `headline` {} - headline area, this area is placed within the headline tag which is located inside the header. Use this to ensure the right headline styling.\n\n  * `header` {} - header area, use this for things that is not the headline but located in the header.\n\n  * ` ` {} - area for the content of the box\n\nAttributes:\n\n  * `headline` {`string | null`} - Headline for this box, can also be set via the 'box' slot.\n\n  * `headline-variant` {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"} - Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco does only recommend displaying a h5 sizes headline in the UUI-BOX)\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `headline` {`string | null`} - Headline for this box, can also be set via the 'box' slot.\n\n  * `headlineVariant` {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"} - Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco does only recommend displaying a h5 sizes headline in the UUI-BOX)\n\n  * `_headlineVariantTag` {`StaticValue`} - \n\n  * `_headlineSlotHasContent` {`boolean`} - \n\n  * `_headlineSlotChanged` - \n\n  * `_headerSlotHasContent` {`boolean`} - \n\n  * `_headerSlotChanged` - ",
       "attributes": [
         {
           "name": "headline",
           "description": "`headline` {`string | null`} - Headline for this box, can also be set via the 'box' slot.\n\nProperty: headline\n\nDefault: null",
           "values": []
+        },
+        {
+          "name": "headline-variant",
+          "description": "`headline-variant` {\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"} - Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco does only recommend displaying a h5 sizes headline in the UUI-BOX)\n\nProperty: headlineVariant\n\nDefault: \"h5\"",
+          "values": [
+            {
+              "name": ""
+            },
+            {
+              "name": "h1"
+            },
+            {
+              "name": "h2"
+            },
+            {
+              "name": "h3"
+            },
+            {
+              "name": "h4"
+            },
+            {
+              "name": "h5"
+            },
+            {
+              "name": "h6"
+            }
+          ]
         }
       ]
     },
@@ -307,7 +334,7 @@
     },
     {
       "name": "uui-card-content-node",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -354,7 +381,7 @@
     },
     {
       "name": "uui-card-media",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n  * ` ` {} - slot for the default content area\n\nAttributes:\n\n  * `name` {string} - Media name\n\n  * `file-ext` {string} - Media file extension, without \".\"\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Media name\n\n  * `fileExt` {string} - Media file extension, without \".\"\n\n  * `hasPreview` {`boolean`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n  * ` ` {} - slot for the default content area\n\nAttributes:\n\n  * `name` {string} - Media name\n\n  * `file-ext` {string} - Media file extension, without \".\"\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Media name\n\n  * `fileExt` {string} - Media file extension, without \".\"\n\n  * `hasPreview` {`boolean`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -405,7 +432,7 @@
     },
     {
       "name": "uui-card-user",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - User name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - User name\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - User name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - User name\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -452,7 +479,7 @@
     },
     {
       "name": "uui-card",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nAttributes:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nAttributes:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "disabled",
@@ -747,7 +774,7 @@
     },
     {
       "name": "uui-color-swatch",
-      "description": "Color swatch, can have label and be selectable. Depends on colord library and exposes it's utility functions under color property.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `label` {} - Default slot for the label.\n\nAttributes:\n\n  * `value` {`string`} - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` {`boolean`} - Determines if the options is disabled. If true the option can't be selected\n\n  * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_value` {`string | undefined`} - \n\n  * `value` {`string`} - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` {`boolean`} - Determines if the options is disabled. If true the option can't be selected\n\n  * `showLabel` {`boolean`} - When true shows element label below the color checkbox\n\n  * `color` - Colord object instance based on the value provided to the element. If the value is not a valid color, it falls back to black (like Amy Winehouse). For more information about Colord, see [Colord](https://omgovich.github.io/colord/)\n\n  * `_color` - \n\n  * `isLight` {`boolean`} - Returns true if the color brightness is >= 0.5\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - \n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
+      "description": "Color swatch, can have label and be selectable. Depends on colord library and exposes it's utility functions under color property.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `label` {} - Default slot for the label.\n\nAttributes:\n\n  * `value` {`string`} - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` {`boolean`} - Determines if the options is disabled. If true the option can't be selected\n\n  * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_value` {`string | undefined`} - \n\n  * `value` {`string`} - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` {`boolean`} - Determines if the options is disabled. If true the option can't be selected\n\n  * `showLabel` {`boolean`} - When true shows element label below the color checkbox\n\n  * `color` - Colord object instance based on the value provided to the element. If the value is not a valid color, it falls back to black (like Amy Winehouse). For more information about Colord, see [Colord](https://omgovich.github.io/colord/)\n\n  * `_color` - \n\n  * `isLight` {`boolean`} - Returns true if the color brightness is >= 0.5\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - \n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
       "attributes": [
         {
           "name": "value",
@@ -812,7 +839,7 @@
     },
     {
       "name": "uui-combobox-list-option",
-      "description": "Events:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - For option content\n\nAttributes:\n\n  * `value` { string } - Value of the option.\n\n  * `display-value` { string } - A readable value.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_value` {`string | undefined`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_displayValue` {`string`} - \n\n  * `value` { string } - Value of the option.\n\n  * `displayValue` { string } - A readable value.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
+      "description": "Events:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - For option content\n\nAttributes:\n\n  * `value` { string } - Value of the option.\n\n  * `display-value` { string } - A readable value.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_value` {`string | undefined`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_displayValue` {`string`} - \n\n  * `value` { string } - Value of the option.\n\n  * `displayValue` { string } - A readable value.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
       "attributes": [
         {
           "name": "value",
@@ -1121,7 +1148,7 @@
     },
     {
       "name": "uui-input-lock",
-      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "locked",
@@ -1180,6 +1207,11 @@
           "description": "`autocomplete` {string} - Defines the input autocomplete.\n\nProperty: autocomplete\n\nDefault: undefined",
           "values": []
         },
+        {
+          "name": "auto-width",
+          "description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "type",
           "description": "`type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\nProperty: type\n\nDefault: text",
@@ -1284,7 +1316,7 @@
     },
     {
       "name": "uui-input-password",
-      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `passwordType` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `passwordType` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "min",
@@ -1338,6 +1370,11 @@
           "description": "`autocomplete` {string} - Defines the input autocomplete.\n\nProperty: autocomplete\n\nDefault: undefined",
           "values": []
         },
+        {
+          "name": "auto-width",
+          "description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "type",
           "description": "`type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\nProperty: type\n\nDefault: text",
@@ -1442,7 +1479,7 @@
     },
     {
       "name": "uui-input",
-      "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "min",
@@ -1496,6 +1533,11 @@
           "description": "`autocomplete` {string} - Defines the input autocomplete.\n\nProperty: autocomplete\n\nDefault: undefined",
           "values": []
         },
+        {
+          "name": "auto-width",
+          "description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "type",
           "description": "`type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\nProperty: type\n\nDefault: text",
@@ -1665,7 +1707,7 @@
     },
     {
       "name": "uui-menu-item",
-      "description": "Events:\n\n  * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n  * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n  * `click-label` - fires when the label is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - nested menu items go here\n\n  * `icon` {} - icon area\n\n  * `actions` {} - actions area\n\n  * `label` {} - area to place the label\n\nAttributes:\n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `show-children` {boolean} - Controls if nested items should be shown.\n\n  * `has-children` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `showChildren` {boolean} - Controls if nested items should be shown.\n\n  * `hasChildren` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `iconSlotHasContent` {`boolean`} - \n\n  * `_labelButtonChanged` - \n\n  * `_iconSlotChanged` - \n\n  * `_onCaretClicked` - \n\n  * `_onLabelClicked` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n  * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n  * `click-label` - fires when the label is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - nested menu items go here\n\n  * `icon` {} - icon area\n\n  * `actions` {} - actions area\n\n  * `label` {} - area to place the label\n\nAttributes:\n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `show-children` {boolean} - Controls if nested items should be shown.\n\n  * `has-children` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-mode` {string} - Sets the selection mode.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `showChildren` {boolean} - Controls if nested items should be shown.\n\n  * `hasChildren` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `selectMode` {string} - Sets the selection mode.\n\n  * `iconSlotHasContent` {`boolean`} - \n\n  * `_labelButtonChanged` - \n\n  * `_iconSlotChanged` - \n\n  * `_onCaretClicked` - \n\n  * `_onLabelClicked` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "disabled",
@@ -1710,6 +1752,18 @@
             }
           ]
         },
+        {
+          "name": "select-mode",
+          "description": "`select-mode` {string} - Sets the selection mode.\n\nProperty: selectMode\n\nDefault: undefined",
+          "values": [
+            {
+              "name": "highlight"
+            },
+            {
+              "name": "persisting"
+            }
+          ]
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
@@ -2123,7 +2177,7 @@
     },
     {
       "name": "uui-ref-node-data-type",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "alias",
@@ -2178,7 +2232,7 @@
     },
     {
       "name": "uui-ref-node-document-type",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "alias",
@@ -2233,7 +2287,7 @@
     },
     {
       "name": "uui-ref-node-form",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -2284,7 +2338,7 @@
     },
     {
       "name": "uui-ref-node-member",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "group-name",
@@ -2339,7 +2393,7 @@
     },
     {
       "name": "uui-ref-node-package",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "version",
@@ -2398,7 +2452,7 @@
     },
     {
       "name": "uui-ref-node-user",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "group-name",
@@ -2453,7 +2507,7 @@
     },
     {
       "name": "uui-ref-node",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -2504,7 +2558,7 @@
     },
     {
       "name": "uui-ref",
-      "description": "Events:\n\n  * `open` - fires when the ref is opened\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nAttributes:\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref is opened\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nAttributes:\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "disabled",
@@ -2835,7 +2889,7 @@
     },
     {
       "name": "uui-table-row",
-      "description": "Table row element with option to set is as selectable. Parent for uui-table-cell. Must be a child of uui-table.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - for <uui-table-cell> elements that should be in the row.\n\nAttributes:\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `slotCellNodes` {`unknown[] | undefined`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Table row element with option to set is as selectable. Parent for uui-table-cell. Must be a child of uui-table.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - for <uui-table-cell> elements that should be in the row.\n\nAttributes:\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `slotCellNodes` {`unknown[] | undefined`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "select-only",