@aquera/nile-elements 1.1.3-beta-1.2 → 1.1.3-beta-2.0

package/vscode-html-custom-data.json

@@ -3647,366 +3647,75 @@
       ]
     },
     {
-      "name": "nile-side-bar-action-menu-item",
-      "description": "Nile side-bar-action-menu-item component.\n\nSlots:\n\n  * ` ` {} - The menu item's label.\n\n  * `prefix` {} - Used to prepend an icon or similar element to the menu item.\n\n  * `suffix` {} - Used to append an icon or similar element to the menu item.\n\nAttributes:\n\n  * `type` {`\"normal\" | \"checkbox\"`} - The type of menu item to render. To use `checked`, this value must be set to `checkbox`.\n\n  * `checked` {`boolean`} - Draws the item in a checked state.\n\n  * `value` {`string`} - A unique value to store in the menu item. This can be used as a way to identify menu items when selected.\n\n  * `disabled` {`boolean`} - Draws the menu item in a disabled state, preventing selection.\n\n  * `hasSubMenu` {`boolean`} - Indicates if this menu item has a submenu.\n\nProperties:\n\n  * `styles` - \n\n  * `cachedTextLabel` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `menuItem` {`HTMLElement`} - \n\n  * `type` {`\"normal\" | \"checkbox\"`} - The type of menu item to render. To use `checked`, this value must be set to `checkbox`.\n\n  * `checked` {`boolean`} - Draws the item in a checked state.\n\n  * `value` {`string`} - A unique value to store in the menu item. This can be used as a way to identify menu items when selected.\n\n  * `disabled` {`boolean`} - Draws the menu item in a disabled state, preventing selection.\n\n  * `hasSubMenu` {`boolean`} - Indicates if this menu item has a submenu.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "name": "nile-sidebar-menu-items",
+      "description": "Nile sidebar-menu-items component.\n\nAttributes:\n\n  * `iconValue` {`string`} - \n\n  * `active` {`boolean`} - \n\nProperties:\n\n  * `iconValue` {`string`} - \n\n  * `active` {`boolean`} - \n\n  * `collapsed` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
-          "name": "type",
-          "description": "`type` {`\"normal\" | \"checkbox\"`} - The type of menu item to render. To use `checked`, this value must be set to `checkbox`.\n\nProperty: type\n\nDefault: normal",
-          "values": [
-            {
-              "name": "normal"
-            },
-            {
-              "name": "checkbox"
-            }
-          ]
-        },
-        {
-          "name": "checked",
-          "description": "`checked` {`boolean`} - Draws the item in a checked state.\n\nProperty: checked\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`string`} - A unique value to store in the menu item. This can be used as a way to identify menu items when selected.\n\nProperty: value\n\nDefault: "
+          "name": "iconValue",
+          "description": "`iconValue` {`string`} - \n\nProperty: iconValue\n\nDefault: "
         },
         {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Draws the menu item in a disabled state, preventing selection.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hasSubMenu",
-          "description": "`hasSubMenu` {`boolean`} - Indicates if this menu item has a submenu.\n\nProperty: hasSubMenu\n\nDefault: false",
+          "name": "active",
+          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
           "valueSet": "v"
         }
       ]
     },
     {
-      "name": "nile-side-bar-action-menu",
-      "description": "A nile-side-bar-action-menu element.\n\nEvents:\n\n  * `nile-select` {} - Emitted when a menu item is selected.\n\n  * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n  * ` ` {} - The menu's content, including menu items, menu labels, and dividers.\n\nAttributes:\n\n  * `searchEnabled` {`boolean`} - \n\n  * `customSearch` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `allowSpaceKey` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\nProperties:\n\n  * `styles` - \n\n  * `searchValue` {`string`} - \n\n  * `searchWidth` {`number`} - \n\n  * `searchEnabled` {`boolean`} - \n\n  * `customSearch` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `allowSpaceKey` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `hasSlotController` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "name": "nile-sidebar-menu",
+      "description": "Nile sidebar-menu component.\n\nAttributes:\n\n  * `sidemenucollapsed` {`boolean`} - \n\nProperties:\n\n  * `sidemenucollapsed` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
-          "name": "searchEnabled",
-          "description": "`searchEnabled` {`boolean`} - \n\nProperty: searchEnabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "customSearch",
-          "description": "`customSearch` {`boolean`} - \n\nProperty: customSearch\n\nDefault: false",
+          "name": "sidemenucollapsed",
+          "description": "`sidemenucollapsed` {`boolean`} - \n\nProperty: sidemenucollapsed\n\nDefault: false",
           "valueSet": "v"
-        },
-        {
-          "name": "showNoResults",
-          "description": "`showNoResults` {`boolean`} - \n\nProperty: showNoResults\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "allowSpaceKey",
-          "description": "`allowSpaceKey` {`boolean`} - \n\nProperty: allowSpaceKey\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "noResultsMessage",
-          "description": "`noResultsMessage` {`string`} - \n\nProperty: noResultsMessage\n\nDefault: No results found"
-        },
-        {
-          "name": "onnile-select",
-          "description": "`nile-select` {} - Emitted when a menu item is selected."
-        },
-        {
-          "name": "oncount-changed",
-          "description": "`count-changed` {} - Indicates when the count changes"
         }
       ]
     },
     {
-      "name": "nile-side-bar-action",
-      "description": "Nile side-bar-action component.\n\nEvents:\n\n  * `nile-show` {} - Fired when dropdown opens.\n\n  * `nile-after-show` {} - Fired after dropdown + animations.\n\n  * `nile-hide` {} - Fired when dropdown closes.\n\n  * `nile-after-hide` {} - Fired after dropdown closes + animations.\n\nSlots:\n\n  * `trigger` {} - The clickable trigger (icon/button).\n\n  * ` ` {} - The dropdown panel content (menu, custom content).\n\nAttributes:\n\n  * `open` {`boolean`} - Whether the dropdown is open\n\n  * `placement` {`TooltipPosition`} - Preferred placement relative to trigger\n\n  * `disabled` {`boolean`} - Disable interaction\n\n  * `stay-open-on-select` {`boolean`} - Keep open on select\n\n  * `distance` {`number`} - Offsets\n\n  * `skidding` {`number`} - \n\n  * `sync` {`\"width\" | \"height\" | \"both\"`} - Sync size with trigger\n\n  * `hoist` {`boolean`} - Hoist above scroll containers\n\nProperties:\n\n  * `styles` {`CSSResultArray`} - \n\n  * `popup` - \n\n  * `trigger` {`HTMLSlotElement`} - \n\n  * `panel` {`HTMLSlotElement`} - \n\n  * `open` {`boolean`} - Whether the dropdown is open\n\n  * `placement` {`TooltipPosition`} - Preferred placement relative to trigger\n\n  * `disabled` {`boolean`} - Disable interaction\n\n  * `stayOpenOnSelect` {`boolean`} - Keep open on select\n\n  * `containingElement` {`HTMLElement | undefined`} - External containing element (default: self)\n\n  * `distance` {`number`} - Offsets\n\n  * `skidding` {`number`} - \n\n  * `sync` {`\"width\" | \"height\" | \"both\"`} - Sync size with trigger\n\n  * `hoist` {`boolean`} - Hoist above scroll containers\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "name": "nile-sidebar-wrapper",
+      "description": "Nile sidebar-wrapper component.\n\nAttributes:\n\n  * `overlaysidebar` {`boolean`} - \n\n  * `placement` {`\"left\" | \"right\"`} - \n\n  * `isopen` {`boolean`} - \n\nProperties:\n\n  * `overlaysidebar` {`boolean`} - \n\n  * `placement` {`\"left\" | \"right\"`} - \n\n  * `isopen` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
-          "name": "open",
-          "description": "`open` {`boolean`} - Whether the dropdown is open\n\nProperty: open\n\nDefault: false",
+          "name": "overlaysidebar",
+          "description": "`overlaysidebar` {`boolean`} - \n\nProperty: overlaysidebar\n\nDefault: false",
           "valueSet": "v"
         },
         {
           "name": "placement",
-          "description": "`placement` {`TooltipPosition`} - Preferred placement relative to trigger\n\nProperty: placement\n\nDefault: bottom-start",
+          "description": "`placement` {`\"left\" | \"right\"`} - \n\nProperty: placement\n\nDefault: left",
           "values": [
             {
               "name": "left"
             },
             {
               "name": "right"
-            },
-            {
-              "name": "top"
-            },
-            {
-              "name": "top-start"
-            },
-            {
-              "name": "top-end"
-            },
-            {
-              "name": "right-start"
-            },
-            {
-              "name": "right-end"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "bottom-start"
-            },
-            {
-              "name": "bottom-end"
-            },
-            {
-              "name": "left-start"
-            },
-            {
-              "name": "left-end"
             }
           ]
         },
         {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Disable interaction\n\nProperty: disabled\n\nDefault: false",
+          "name": "isopen",
+          "description": "`isopen` {`boolean`} - \n\nProperty: isopen\n\nDefault: false",
           "valueSet": "v"
-        },
-        {
-          "name": "stay-open-on-select",
-          "description": "`stay-open-on-select` {`boolean`} - Keep open on select\n\nProperty: stayOpenOnSelect\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "distance",
-          "description": "`distance` {`number`} - Offsets\n\nProperty: distance\n\nDefault: 0"
-        },
-        {
-          "name": "skidding",
-          "description": "`skidding` {`number`} - \n\nProperty: skidding\n\nDefault: 0"
-        },
-        {
-          "name": "sync",
-          "description": "`sync` {`\"width\" | \"height\" | \"both\"`} - Sync size with trigger\n\nProperty: sync",
-          "values": [
-            {
-              "name": "width"
-            },
-            {
-              "name": "height"
-            },
-            {
-              "name": "both"
-            }
-          ]
-        },
-        {
-          "name": "hoist",
-          "description": "`hoist` {`boolean`} - Hoist above scroll containers\n\nProperty: hoist\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onnile-show",
-          "description": "`nile-show` {} - Fired when dropdown opens."
-        },
-        {
-          "name": "onnile-after-show",
-          "description": "`nile-after-show` {} - Fired after dropdown + animations."
-        },
-        {
-          "name": "onnile-hide",
-          "description": "`nile-hide` {} - Fired when dropdown closes."
-        },
-        {
-          "name": "onnile-after-hide",
-          "description": "`nile-after-hide` {} - Fired after dropdown closes + animations."
         }
       ]
     },
     {
-      "name": "nile-side-bar-content",
-      "description": "Nile side-bar-content component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
-    },
-    {
-      "name": "nile-side-bar-expand",
-      "description": "Nile side-bar-expand component.\n\nAttributes:\n\n  * `collapsed` {`boolean`} - Whether the sidebar is collapsed\n\nProperties:\n\n  * `collapsed` {`boolean`} - Whether the sidebar is collapsed\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "name": "nile-sidebar",
+      "description": "An nile-sidebar element.\n\nEvents:\n\n  * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n  * ` ` {} - This element has a slot\n\nAttributes:\n\n  * `title` {`string`} - Button Lab\n\n  * `showSidebar` {`boolean`} - Hide Sidebar\n\nProperties:\n\n  * `styles` - \n\n  * `title` {`string`} - Button Lab\n\n  * `showSidebar` {`boolean`} - Hide Sidebar\n\n  * `buttonClassMap` {`{ 'nds-menu--active': boolean; }`} - \n\n  * `override` - ",
       "attributes": [
         {
-          "name": "collapsed",
-          "description": "`collapsed` {`boolean`} - Whether the sidebar is collapsed\n\nProperty: collapsed\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "nile-side-bar-footer-icon",
-      "description": "Nile side-bar-footer-icon component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
-    },
-    {
-      "name": "nile-side-bar-footer-item",
-      "description": "Nile side-bar-footer-item component.\n\nSlots:\n\n  * `icon` {} - Slot for footer item icon\n\n  * `text` {} - Slot for footer item text\n\n  * `action` {} - Slot for footer item action\n\nAttributes:\n\n  * `type` {`string | null`} - \n\nProperties:\n\n  * `type` {`string | null`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": [
-        {
-          "name": "type",
-          "description": "`type` {`string | null`} - \n\nProperty: type\n\nDefault: null",
-          "values": []
-        }
-      ]
-    },
-    {
-      "name": "nile-side-bar-footer-text",
-      "description": "Nile side-bar-footer-text component.\n\nAttributes:\n\n  * `text` {string} - Main text (e.g., name)\n\n  * `subtext` {string} - Sub text (e.g., org/role)\n\nProperties:\n\n  * `text` {string} - Main text (e.g., name)\n\n  * `subtext` {string} - Sub text (e.g., org/role)\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": [
-        {
-          "name": "text",
-          "description": "`text` {string} - Main text (e.g., name)\n\nProperty: text\n\nDefault: "
-        },
-        {
-          "name": "subtext",
-          "description": "`subtext` {string} - Sub text (e.g., org/role)\n\nProperty: subtext\n\nDefault: "
-        }
-      ]
-    },
-    {
-      "name": "nile-side-bar-footer",
-      "description": "Nile side-bar-footer component.\n\nSlots:\n\n  * `icon` {} - Slot for footer icon\n\n  * `text` {} - Slot for footer text\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
-    },
-    {
-      "name": "nile-side-bar-group-item-content",
-      "description": "Nile side-bar-group-item-content component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
-    },
-    {
-      "name": "nile-side-bar-group-item-icon",
-      "description": "Nile side-bar-group-item-icon component.\n\nSlots:\n\n  * ` ` {} - Optional slot to override the icon completely\n\nAttributes:\n\n  * `icon` {`string`} - Name of the icon (passed to <nile-icon name=\"\">)\n\n  * `tooltip` {`string`} - Tooltip text (auto-synced from sibling text if available)\n\nProperties:\n\n  * `sidebar` - \n\n  * `icon` {`string`} - Name of the icon (passed to <nile-icon name=\"\">)\n\n  * `tooltip` {`string`} - Tooltip text (auto-synced from sibling text if available)\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": [
-        {
-          "name": "icon",
-          "description": "`icon` {`string`} - Name of the icon (passed to <nile-icon name=\"\">)\n\nProperty: icon\n\nDefault: "
-        },
-        {
-          "name": "tooltip",
-          "description": "`tooltip` {`string`} - Tooltip text (auto-synced from sibling text if available)\n\nProperty: tooltip\n\nDefault: "
-        }
-      ]
-    },
-    {
-      "name": "nile-side-bar-group-item-text",
-      "description": "Nile side-bar-group-item-text component.\n\nSlots:\n\n  * ` ` {} - The text content of the sidebar item\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
-    },
-    {
-      "name": "nile-side-bar-group-item",
-      "description": "Nile side-bar-group-item component.\n\nEvents:\n\n  * `nile-select` {`CustomEvent<{ href: string | null; text: string; type: \"default\" | \"dropdown\" | \"popover\"; }>`} - \n\nSlots:\n\n  * `icon` {} - Slot for the item icon\n\n  * `text` {} - Slot for the item text\n\n  * `trigger` {} - Slot for chevron/trigger icons\n\n  * `content` {} - Slot for dropdown/popover content\n\nAttributes:\n\n  * `href` {`string | null`} - Optional navigation href. If provided, item renders as <a>.\n\n  * `active` {`boolean`} - Whether the item is currently active.\n\n  * `type` {`\"default\" | \"dropdown\" | \"popover\"`} - Type of item: default | dropdown | popover\n\n  * `expanded` {`boolean`} - Whether dropdown/popover content is expanded.\n\nProperties:\n\n  * `href` {`string | null`} - Optional navigation href. If provided, item renders as <a>.\n\n  * `active` {`boolean`} - Whether the item is currently active.\n\n  * `type` {`\"default\" | \"dropdown\" | \"popover\"`} - Type of item: default | dropdown | popover\n\n  * `expanded` {`boolean`} - Whether dropdown/popover content is expanded.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": [
-        {
-          "name": "href",
-          "description": "`href` {`string | null`} - Optional navigation href. If provided, item renders as <a>.\n\nProperty: href\n\nDefault: null",
-          "values": []
-        },
-        {
-          "name": "active",
-          "description": "`active` {`boolean`} - Whether the item is currently active.\n\nProperty: active\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "type",
-          "description": "`type` {`\"default\" | \"dropdown\" | \"popover\"`} - Type of item: default | dropdown | popover\n\nProperty: type\n\nDefault: default",
-          "values": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "dropdown"
-            },
-            {
-              "name": "popover"
-            }
-          ]
-        },
-        {
-          "name": "expanded",
-          "description": "`expanded` {`boolean`} - Whether dropdown/popover content is expanded.\n\nProperty: expanded\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onnile-select",
-          "description": "`nile-select` {`CustomEvent<{ href: string | null; text: string; type: \"default\" | \"dropdown\" | \"popover\"; }>`} - "
-        }
-      ]
-    },
-    {
-      "name": "nile-side-bar-group",
-      "description": "Nile side-bar-group component.\n\nA logical grouping of sidebar items, optionally with a label and/or footer placement.\n\nSlots:\n\n  * ` ` {} - Default slot for group items (nile-side-bar-group-item)\n\nAttributes:\n\n  * `label` {`string`} - Optional label for the group.\n\n  * `footer` {`boolean`} - Marks this group as footer (sticks to bottom of sidebar).\n\n  * `divider` {`boolean`} - \n\nProperties:\n\n  * `label` {`string`} - Optional label for the group.\n\n  * `footer` {`boolean`} - Marks this group as footer (sticks to bottom of sidebar).\n\n  * `divider` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "`label` {`string`} - Optional label for the group.\n\nProperty: label\n\nDefault: "
-        },
-        {
-          "name": "footer",
-          "description": "`footer` {`boolean`} - Marks this group as footer (sticks to bottom of sidebar).\n\nProperty: footer\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "divider",
-          "description": "`divider` {`boolean`} - \n\nProperty: divider\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "nile-side-bar-header",
-      "description": "Nile side-bar-header component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
-    },
-    {
-      "name": "nile-side-bar-logo",
-      "description": "Nile side-bar-logo component.\n\nAttributes:\n\n  * `src` {`string`} - Expanded logo (default full size)\n\n  * `collapsed-src` {`string`} - Collapsed logo (icon only)\n\nProperties:\n\n  * `src` {`string`} - Expanded logo (default full size)\n\n  * `collapsedSrc` {`string`} - Collapsed logo (icon only)\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": [
-        {
-          "name": "src",
-          "description": "`src` {`string`} - Expanded logo (default full size)\n\nProperty: src\n\nDefault: https://assets.aquera.io/img/aquera-logo-blue.svg"
-        },
-        {
-          "name": "collapsed-src",
-          "description": "`collapsed-src` {`string`} - Collapsed logo (icon only)\n\nProperty: collapsedSrc\n\nDefault: https://assets.aqueralabs.com/img/aquera-logo-mini.png"
-        }
-      ]
-    },
-    {
-      "name": "nile-side-bar",
-      "description": "Nile side-bar component.\n\nAttributes:\n\n  * `collapsed` {`boolean`} - \n\n  * `fullHeight` {`boolean`} - \n\n  * `position` {`\"left\" | \"right\"`} - Position of the sidebar: \"left\" or \"right\"\n\nProperties:\n\n  * `collapsed` {`boolean`} - \n\n  * `fullHeight` {`boolean`} - \n\n  * `position` {`\"left\" | \"right\"`} - Position of the sidebar: \"left\" or \"right\"\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": [
-        {
-          "name": "collapsed",
-          "description": "`collapsed` {`boolean`} - \n\nProperty: collapsed\n\nDefault: false",
-          "valueSet": "v"
+          "name": "title",
+          "description": "`title` {`string`} - Button Lab\n\nProperty: title\n\nDefault: "
         },
         {
-          "name": "fullHeight",
-          "description": "`fullHeight` {`boolean`} - \n\nProperty: fullHeight\n\nDefault: false",
+          "name": "showSidebar",
+          "description": "`showSidebar` {`boolean`} - Hide Sidebar\n\nProperty: showSidebar\n\nDefault: false",
           "valueSet": "v"
         },
         {
-          "name": "position",
-          "description": "`position` {`\"left\" | \"right\"`} - Position of the sidebar: \"left\" or \"right\"\n\nProperty: position\n\nDefault: left",
-          "values": [
-            {
-              "name": "left"
-            },
-            {
-              "name": "right"
-            }
-          ]
+          "name": "oncount-changed",
+          "description": "`count-changed` {} - Indicates when the count changes"
         }
       ]
     },
@@ -4205,7 +3914,7 @@
     },
     {
       "name": "nile-stepper-item",
-      "description": "Nile stepper-item component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\nProperties:\n\n  * `absoluteTitle` {`HTMLDivElement`} - \n\n  * `absoluteSubtitle` {`HTMLDivElement`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `contentBelow` {`boolean`} - \n\n  * `size` {`\"sm\" | \"lg\"`} - \n\n  * `icon` {`string`} - \n\n  * `isFirst` {`boolean`} - \n\n  * `isLast` {`boolean`} - \n\n  * `isComplete` {`boolean`} - \n\n  * `isCurrent` {`boolean`} - \n\n  * `currentStepValue` {`Number`} - \n\n  * `completedStepValue` {`Number`} - \n\n  * `calculatedCompletedStepValue` {`Number`} - \n\n  * `value` {`Number`} - \n\n  * `haveFlex` {`Boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile stepper-item component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `completed` {`boolean`} - \n\n  * `current` {`boolean`} - \n\nProperties:\n\n  * `absoluteTitle` {`HTMLDivElement`} - \n\n  * `absoluteSubtitle` {`HTMLDivElement`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `completed` {`boolean`} - \n\n  * `current` {`boolean`} - \n\n  * `contentBelow` {`boolean`} - \n\n  * `size` {`\"sm\" | \"lg\"`} - \n\n  * `icon` {`string`} - \n\n  * `isFirst` {`boolean`} - \n\n  * `isLast` {`boolean`} - \n\n  * `isComplete` {`boolean`} - \n\n  * `isCurrent` {`boolean`} - \n\n  * `isManualMode` {`boolean`} - \n\n  * `currentStepValue` {`Number`} - \n\n  * `completedStepValue` {`Number`} - \n\n  * `calculatedCompletedStepValue` {`Number`} - \n\n  * `value` {`Number`} - \n\n  * `haveFlex` {`Boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "title",
@@ -4214,12 +3923,22 @@
         {
           "name": "subtitle",
           "description": "`subtitle` {`string`} - \n\nProperty: subtitle\n\nDefault: "
+        },
+        {
+          "name": "completed",
+          "description": "`completed` {`boolean`} - \n\nProperty: completed\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "current",
+          "description": "`current` {`boolean`} - \n\nProperty: current\n\nDefault: false",
+          "valueSet": "v"
         }
       ]
     },
     {
       "name": "nile-stepper",
-      "description": "Nile stepper component.\n\nAttributes:\n\n  * `vertical` {`boolean`} - \n\n  * `contentBelow` {`boolean`} - \n\n  * `currentStep` {`number`} - \n\n  * `completedStep` {`number`} - \n\n  * `size` {`\"sm\" | \"lg\"`} - \n\n  * `icon` {`string`} - \n\nProperties:\n\n  * `isVertical` {`boolean`} - \n\n  * `contentBelow` {`boolean`} - \n\n  * `currentStep` {`number`} - \n\n  * `completedStep` {`number`} - \n\n  * `size` {`\"sm\" | \"lg\"`} - \n\n  * `icon` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile stepper component.\n\nAttributes:\n\n  * `vertical` {`boolean`} - \n\n  * `contentBelow` {`boolean`} - \n\n  * `currentStep` {`number`} - \n\n  * `completedStep` {`number`} - \n\n  * `size` {`\"sm\" | \"lg\"`} - \n\n  * `icon` {`string`} - \n\n  * `manual` {`boolean`} - \n\nProperties:\n\n  * `isVertical` {`boolean`} - \n\n  * `contentBelow` {`boolean`} - \n\n  * `currentStep` {`number`} - \n\n  * `completedStep` {`number`} - \n\n  * `size` {`\"sm\" | \"lg\"`} - \n\n  * `icon` {`string`} - \n\n  * `manual` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "vertical",
@@ -4254,6 +3973,11 @@
         {
           "name": "icon",
           "description": "`icon` {`string`} - \n\nProperty: icon\n\nDefault: tick"
+        },
+        {
+          "name": "manual",
+          "description": "`manual` {`boolean`} - \n\nProperty: manual\n\nDefault: false",
+          "valueSet": "v"
         }
       ]
     },
@@ -5039,7 +4763,7 @@
     },
     {
       "name": "nile-vertical-stepper-item",
-      "description": "Nile vertical-stepper-item component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\nProperties:\n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `contentBelow` {`boolean`} - \n\n  * `size` {`\"sm\" | \"lg\"`} - \n\n  * `icon` {`string`} - \n\n  * `isFirst` {`boolean`} - \n\n  * `isLast` {`boolean`} - \n\n  * `isComplete` {`boolean`} - \n\n  * `isCurrent` {`boolean`} - \n\n  * `currentStepValue` {`Number`} - \n\n  * `completedStepValue` {`Number`} - \n\n  * `calculatedCompletedStepValue` {`Number`} - \n\n  * `value` {`Number`} - \n\n  * `haveFlex` {`Boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile vertical-stepper-item component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `completed` {`boolean`} - \n\n  * `current` {`boolean`} - \n\nProperties:\n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `completed` {`boolean`} - \n\n  * `current` {`boolean`} - \n\n  * `contentBelow` {`boolean`} - \n\n  * `size` {`\"sm\" | \"lg\"`} - \n\n  * `icon` {`string`} - \n\n  * `isFirst` {`boolean`} - \n\n  * `isLast` {`boolean`} - \n\n  * `isComplete` {`boolean`} - \n\n  * `isCurrent` {`boolean`} - \n\n  * `isManualMode` {`boolean`} - \n\n  * `currentStepValue` {`Number`} - \n\n  * `completedStepValue` {`Number`} - \n\n  * `calculatedCompletedStepValue` {`Number`} - \n\n  * `value` {`Number`} - \n\n  * `haveFlex` {`Boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "title",
@@ -5048,12 +4772,22 @@
         {
           "name": "subtitle",
           "description": "`subtitle` {`string`} - \n\nProperty: subtitle\n\nDefault: "
+        },
+        {
+          "name": "completed",
+          "description": "`completed` {`boolean`} - \n\nProperty: completed\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "current",
+          "description": "`current` {`boolean`} - \n\nProperty: current\n\nDefault: false",
+          "valueSet": "v"
         }
       ]
     },
     {
       "name": "nile-virtual-select",
-      "description": "Events:\n\n  * `nile-change` {} - Emitted when the control's value changes.\n\n  * `nile-clear` {} - Emitted when the control's value is cleared.\n\n  * `nile-input` {} - Emitted when the control receives input.\n\n  * `nile-focus` {} - Emitted when the control gains focus.\n\n  * `nile-blur` {} - Emitted when the control loses focus.\n\n  * `nile-show` {} - Emitted when the select's menu opens.\n\n  * `nile-after-show` {} - Emitted after the select's menu opens and all animations are complete.\n\n  * `nile-hide` {} - Emitted when the select's menu closes.\n\n  * `nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete.\n\n  * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n  * `nile-search` {} - Emitted when the user types in the search input. The event payload includes the search query for backend search functionality.\n\n  * `nile-scroll` {} - Emitted when the user scrolls within the virtualized container. The event payload includes scroll position information.\n\n  * `nile-scroll-start` {} - Emitted when the user starts scrolling within the virtualized container.\n\n  * `nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the virtualized container (debounced).\n\nSlots:\n\n  * `label` {} - The input's label. Alternatively, you can use the `label` attribute.\n\n  * `prefix` {} - Used to prepend a presentational icon or similar element to the combobox.\n\n  * `clear-icon` {} - An icon to use in lieu of the default clear icon.\n\n  * `expand-icon` {} - The icon to show when the control is expanded and collapsed.\n\n  * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n  * `data` - Array of all option items for virtual scrolling\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n  * `autoResize` {`boolean`} - Enable automatic resizing of tags area\n\n  * `searchEnabled` {`boolean`} - Enable search functionality\n\n  * `internal-search-placeholder` {`string`} - Search input placeholder\n\n  * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n  * `optionsLoading` {`boolean`} - Show loading state\n\n  * `loading` {`boolean`} - Show loading state using nile-loader\n\n  * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n  * `help-text` {`string`} - Help text\n\n  * `error-message` {`string`} - Error message\n\n  * `warning` {`boolean`} - Sets the input to a warning state\n\n  * `error` {`boolean`} - Sets the input to an error state\n\n  * `success` {`boolean`} - Sets the input to a success state\n\n  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - The select's open state.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `filled` {`boolean`} - Draws a filled select.\n\n  * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n  * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showNoResults` {`boolean`} - Show no results message\n\n  * `noResultsMessage` {`string`} - No results message\n\n  * `showSelected` {`boolean`} - Show selected options only\n\n  * `blockValueChange` {`boolean`} - Block value change events\n\n  * `noWidthSync` {`boolean`} - Disable width synchronization\n\n  * `max-options-visible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n  * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n  * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n  * `disabled` {`boolean`} - Disables the select control.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `required` {`boolean`} - The select's required attribute.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `popup` - \n\n  * `displayInput` {`HTMLInputElement`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `virtualizedContainer` {`HTMLElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `displayLabel` {`string`} - \n\n  * `selectedOptions` {`VirtualOption[]`} - \n\n  * `oldValue` {`string | string[]`} - \n\n  * `scrollTimeout` {`number | undefined`} - \n\n  * `scrolling` {`boolean`} - \n\n  * `data` - Array of all option items for virtual scrolling\n\n  * `originalOptionItems` - Original unfiltered option items for search functionality\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n  * `autoResize` {`boolean`} - Enable automatic resizing of tags area\n\n  * `searchValue` {`string`} - Current search value\n\n  * `searchEnabled` {`boolean`} - Enable search functionality\n\n  * `internalSearchPlaceHolder` {`string`} - Search input placeholder\n\n  * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n  * `optionsLoading` {`boolean`} - Show loading state\n\n  * `loading` {`boolean`} - Show loading state using nile-loader\n\n  * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n  * `helpText` {`string`} - Help text\n\n  * `errorMessage` {`string`} - Error message\n\n  * `warning` {`boolean`} - Sets the input to a warning state\n\n  * `error` {`boolean`} - Sets the input to an error state\n\n  * `success` {`boolean`} - Sets the input to a success state\n\n  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - The select's open state.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `filled` {`boolean`} - Draws a filled select.\n\n  * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n  * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showNoResults` {`boolean`} - Show no results message\n\n  * `noResultsMessage` {`string`} - No results message\n\n  * `showSelected` {`boolean`} - Show selected options only\n\n  * `renderItemConfig` {`RenderItemConfig | undefined`} - Enhanced configuration for rendering items with support for display text, value, and search text\n\n  * `blockValueChange` {`boolean`} - Block value change events\n\n  * `noWidthSync` {`boolean`} - Disable width synchronization\n\n  * `maxOptionsVisible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n  * `oldMaxOptionsVisible` {`number`} - \n\n  * `showListbox` {`boolean`} - \n\n  * `handleDocumentMouseDown` - \n\n  * `handleWindowError` - This is a workaround for an error in the Lit Labs virtualizer.\nSince there are no specific guidelines available to fix the issue,\nwe are catching only the error message related to the virtualizer.\n\n  * `resizeController` - \n\n  * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n  * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n  * `disabled` {`boolean`} - Disables the select control.\n\n  * `defaultValue` {`string | string[]`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string | undefined`} - \n\n  * `min` {`string | number | Date | undefined`} - \n\n  * `max` {`string | number | Date | undefined`} - \n\n  * `step` {`number | \"any\" | undefined`} - \n\n  * `required` {`boolean`} - The select's required attribute.\n\n  * `minlength` {`number | undefined`} - \n\n  * `maxlength` {`number | undefined`} - \n\n  * `validity` {`ValidityState`} - Gets the validity state object\n\n  * `validationMessage` {`string`} - Gets the validation message\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Events:\n\n  * `nile-change` {} - Emitted when the control's value changes.\n\n  * `nile-clear` {} - Emitted when the control's value is cleared.\n\n  * `nile-input` {} - Emitted when the control receives input.\n\n  * `nile-focus` {} - Emitted when the control gains focus.\n\n  * `nile-blur` {} - Emitted when the control loses focus.\n\n  * `nile-show` {} - Emitted when the select's menu opens.\n\n  * `nile-after-show` {} - Emitted after the select's menu opens and all animations are complete.\n\n  * `nile-hide` {} - Emitted when the select's menu closes.\n\n  * `nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete.\n\n  * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n  * `nile-search` {} - Emitted when the user types in the search input. The event payload includes the search query for backend search functionality.\n\n  * `nile-scroll` {} - Emitted when the user scrolls within the virtualized container. The event payload includes scroll position information.\n\n  * `nile-scroll-start` {} - Emitted when the user starts scrolling within the virtualized container.\n\n  * `nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the virtualized container (debounced).\n\nSlots:\n\n  * `label` {} - The input's label. Alternatively, you can use the `label` attribute.\n\n  * `prefix` {} - Used to prepend a presentational icon or similar element to the combobox.\n\n  * `clear-icon` {} - An icon to use in lieu of the default clear icon.\n\n  * `expand-icon` {} - The icon to show when the control is expanded and collapsed.\n\n  * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n  * `data` - Array of all option items for virtual scrolling\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n  * `autoResize` {`boolean`} - Enable automatic resizing of tags area\n\n  * `searchEnabled` {`boolean`} - Enable search functionality\n\n  * `internal-search-placeholder` {`string`} - Search input placeholder\n\n  * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n  * `optionsLoading` {`boolean`} - Show loading state\n\n  * `loading` {`boolean`} - Show loading state using nile-loader\n\n  * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n  * `help-text` {`string`} - Help text\n\n  * `error-message` {`string`} - Error message\n\n  * `warning` {`boolean`} - Sets the input to a warning state\n\n  * `error` {`boolean`} - Sets the input to an error state\n\n  * `success` {`boolean`} - Sets the input to a success state\n\n  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - The select's open state.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `filled` {`boolean`} - Draws a filled select.\n\n  * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n  * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showNoResults` {`boolean`} - Show no results message\n\n  * `noResultsMessage` {`string`} - No results message\n\n  * `showSelected` {`boolean`} - Show selected options only\n\n  * `blockValueChange` {`boolean`} - Block value change events\n\n  * `noWidthSync` {`boolean`} - Disable width synchronization\n\n  * `bodyAppend` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n  * `max-options-visible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n  * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n  * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n  * `disabled` {`boolean`} - Disables the select control.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `required` {`boolean`} - The select's required attribute.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `popup` - \n\n  * `displayInput` {`HTMLInputElement`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `virtualizedContainer` {`HTMLElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `displayLabel` {`string`} - \n\n  * `selectedOptions` {`VirtualOption[]`} - \n\n  * `oldValue` {`string | string[]`} - \n\n  * `scrollTimeout` {`number | undefined`} - \n\n  * `scrolling` {`boolean`} - \n\n  * `data` - Array of all option items for virtual scrolling\n\n  * `originalOptionItems` - Original unfiltered option items for search functionality\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n  * `autoResize` {`boolean`} - Enable automatic resizing of tags area\n\n  * `searchValue` {`string`} - Current search value\n\n  * `searchEnabled` {`boolean`} - Enable search functionality\n\n  * `internalSearchPlaceHolder` {`string`} - Search input placeholder\n\n  * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n  * `optionsLoading` {`boolean`} - Show loading state\n\n  * `loading` {`boolean`} - Show loading state using nile-loader\n\n  * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n  * `helpText` {`string`} - Help text\n\n  * `errorMessage` {`string`} - Error message\n\n  * `warning` {`boolean`} - Sets the input to a warning state\n\n  * `error` {`boolean`} - Sets the input to an error state\n\n  * `success` {`boolean`} - Sets the input to a success state\n\n  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - The select's open state.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `filled` {`boolean`} - Draws a filled select.\n\n  * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n  * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showNoResults` {`boolean`} - Show no results message\n\n  * `noResultsMessage` {`string`} - No results message\n\n  * `showSelected` {`boolean`} - Show selected options only\n\n  * `renderItemConfig` {`RenderItemConfig | undefined`} - Enhanced configuration for rendering items with support for display text, value, and search text\n\n  * `blockValueChange` {`boolean`} - Block value change events\n\n  * `noWidthSync` {`boolean`} - Disable width synchronization\n\n  * `bodyAppend` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n  * `maxOptionsVisible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n  * `oldMaxOptionsVisible` {`number`} - \n\n  * `showListbox` {`boolean`} - \n\n  * `bodyAppendContainer` {`HTMLElement | null`} - \n\n  * `bodyAppendListbox` {`HTMLElement | null`} - \n\n  * `handleDocumentMouseDown` - \n\n  * `handleWindowError` - This is a workaround for an error in the Lit Labs virtualizer.\nSince there are no specific guidelines available to fix the issue,\nwe are catching only the error message related to the virtualizer.\n\n  * `handleWindowResize` - \n\n  * `handleWindowScroll` - \n\n  * `resizeController` - \n\n  * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n  * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n  * `disabled` {`boolean`} - Disables the select control.\n\n  * `defaultValue` {`string | string[]`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string | undefined`} - \n\n  * `min` {`string | number | Date | undefined`} - \n\n  * `max` {`string | number | Date | undefined`} - \n\n  * `step` {`number | \"any\" | undefined`} - \n\n  * `required` {`boolean`} - The select's required attribute.\n\n  * `minlength` {`number | undefined`} - \n\n  * `maxlength` {`number | undefined`} - \n\n  * `validity` {`ValidityState`} - Gets the validity state object\n\n  * `validationMessage` {`string`} - Gets the validation message\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "data",
@@ -5200,6 +4934,11 @@
           "description": "`noWidthSync` {`boolean`} - Disable width synchronization\n\nProperty: noWidthSync\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "bodyAppend",
+          "description": "`bodyAppend` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\nProperty: bodyAppend\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "max-options-visible",
           "description": "`max-options-visible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\nProperty: maxOptionsVisible\n\nDefault: 3"