@nova-design-system/nova-webcomponents 3.20.0 → 3.21.1-beta.0

package/dist/vscode-data.json

@@ -325,6 +325,10 @@
           "name": "danger",
           "description": "Applies styling that visually indicates the button represents a dangerous\naction."
         },
+        {
+          "name": "disable-tabindex",
+          "description": "Use this to make the button skip-able when users navigate with the keyboard.\nThe button remains clickable but won’t be reached via the Tab key."
+        },
         {
           "name": "disabled",
           "description": "Disables the button, preventing user interaction."
@@ -2942,6 +2946,10 @@
           "name": "active",
           "description": "Makes the button look active when it’s within a compatible component\nlike a button group."
         },
+        {
+          "name": "disable-tabindex",
+          "description": "Use this to make the button skip-able when users navigate with the keyboard.\nThe button remains clickable but won’t be reached via the Tab key."
+        },
         {
           "name": "disabled",
           "description": "Disables the button, preventing user interaction."
@@ -3572,12 +3580,6 @@
             {
               "name": "cloud"
             },
-            {
-              "name": "collapse-close"
-            },
-            {
-              "name": "collapse-open"
-            },
             {
               "name": "color-picker"
             },
@@ -4451,6 +4453,9 @@
             {
               "name": "shopping-cart"
             },
+            {
+              "name": "sitemap"
+            },
             {
               "name": "slash"
             },
@@ -4774,6 +4779,59 @@
         }
       ]
     },
+    {
+      "name": "nv-notification-bullet",
+      "description": {
+        "kind": "markdown",
+        "value": "Notification bullet component for displaying notification counts in the sidebar.\nAutomatically adapts its size when the sidebar is collapsed.\nInherits intention and emphasis from parent nv-sidebar if not explicitly set."
+      },
+      "attributes": [
+        {
+          "name": "contrasting-border",
+          "description": "Allows to add a border to add contrast on background."
+        },
+        {
+          "name": "count",
+          "description": "The number of notifications to display.\nIf 0 or not provided, the component will not be visible."
+        },
+        {
+          "name": "emphasis",
+          "description": "Determines the emphasis and importance of the notification.\n- high: More prominent appearance\n- low: Less prominent appearance\nIf not set, inherits from parent nv-sidebar's notificationEmphasis prop.",
+          "values": [
+            {
+              "name": "high"
+            },
+            {
+              "name": "low"
+            }
+          ]
+        },
+        {
+          "name": "intention",
+          "description": "Determines the type of the notification.\n- neutral: Uses neutral colors (gray)\n- brand: Uses brand colors (orange/teal depending on theme)\nIf not set, inherits from parent nv-sidebar's notificationIntention prop.",
+          "values": [
+            {
+              "name": "brand"
+            },
+            {
+              "name": "neutral"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Determines the size of the notification bullet.\n- default: Normal size with text visible\n- reduced: Smaller size, text hidden (just a dot)",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "reduced"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "nv-notificationcontainer",
       "description": {
@@ -4926,66 +4984,1799 @@
       "attributes": []
     },
     {
-      "name": "nv-split",
+      "name": "nv-sidebar",
       "description": {
         "kind": "markdown",
-        "value": "The `nv-split` component is an advanced layout container that enables the creation of interactively resizable panels. It provides a flexible solution for dividing available space between multiple interface sections, with precise control over dimensions and constraints for each panel."
+        "value": "Main sidebar container for navigation. Supports collapsible and persistent modes."
       },
       "attributes": [
         {
-          "name": "direction",
-          "description": "Direction of the split layout.\n- `horizontal`: panes side by side\n- `vertical`: panes stacked",
+          "name": "active-path",
+          "description": "The current active path. Used to automatically set the active state of nav items.\nExample: \"/dashboard\" or \"/settings/profile\""
+        },
+        {
+          "name": "notification-emphasis",
+          "description": "Determines the emphasis of notification bullets in the sidebar.\n- high: More prominent appearance\n- low: Less prominent appearance",
           "values": [
             {
-              "name": "horizontal"
+              "name": "high"
             },
             {
-              "name": "vertical"
+              "name": "low"
             }
           ]
         },
         {
-          "name": "gutter-size",
-          "description": "Width or height of the gutter (in px) depending on the split direction.\nDefault is 24px to meet WCAG 2.2 target size requirements for touch accessibility."
+          "name": "notification-intention",
+          "description": "Determines the type of notification bullets in the sidebar.\n- neutral: Uses neutral colors (gray)\n- brand: Uses brand colors (orange/teal depending on theme)",
+          "values": [
+            {
+              "name": "brand"
+            },
+            {
+              "name": "neutral"
+            }
+          ]
+        },
+        {
+          "name": "open",
+          "description": "Whether the sidebar is currently open (only applies to collapsible type)."
+        },
+        {
+          "name": "type",
+          "description": "The type of sidebar behavior.\n- collapsible: Can be toggled open/closed\n- persistent: Always visible",
+          "values": [
+            {
+              "name": "collapsible"
+            },
+            {
+              "name": "persistent"
+            }
+          ]
         }
       ]
     },
     {
-      "name": "nv-stack",
+      "name": "nv-sidebarcontent",
       "description": {
         "kind": "markdown",
-        "value": "The `nv-stack` component is useful for dividing block content into horizontal areas. These areas can contain almost any elements, such as a title, a button, a text input, or simple text."
+        "value": "Scrollable main content area of the sidebar containing navigation groups and items."
+      },
+      "attributes": []
+    },
+    {
+      "name": "nv-sidebardivider",
+      "description": {
+        "kind": "markdown",
+        "value": "A horizontal divider for separating sidebar navigation groups."
+      },
+      "attributes": []
+    },
+    {
+      "name": "nv-sidebarfooter",
+      "description": {
+        "kind": "markdown",
+        "value": "Optional footer container for the sidebar. Use this to display custom elements\nlike user settings, logout buttons, or version information at the bottom of the sidebar."
+      },
+      "attributes": []
+    },
+    {
+      "name": "nv-sidebargroup",
+      "description": {
+        "kind": "markdown",
+        "value": "Groups navigation items together with an optional label."
       },
       "attributes": [
         {
-          "name": "fill",
-          "description": "Fill will force the children to fill the stack depending of the direction\nof the stack. In horizontal position, the children take the height of the\nstack. In vertical position, the children take the width of the stack."
-        },
-        {
-          "name": "flex",
-          "description": "Flex will force the children to share the stack between the children\ndepending of the direction of the stack. In horizontal position, the\nchildren width will share the width of the stack. In vertical position,\nthe children height will share the height of the stack."
-        },
+          "name": "label",
+          "description": "Optional label to display above the navigation group."
+        }
+      ]
+    },
+    {
+      "name": "nv-sidebarheader",
+      "description": {
+        "kind": "markdown",
+        "value": "Optional header container for the sidebar. Use this to display custom elements\nlike search bars, user profiles, or action buttons at the top of the sidebar."
+      },
+      "attributes": []
+    },
+    {
+      "name": "nv-sidebarlogo",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays the logo and title at the top of the sidebar.\nAutomatically switches between full and collapsed logos based on the sidebar state."
+      },
+      "attributes": [
         {
-          "name": "full",
-          "description": "Full set the width of the stack to 100%.\n(same effect as WFull props)"
+          "name": "collapsed-logo",
+          "description": "URL of the collapsed logo image (shown when sidebar is collapsed).\nIf not provided, uses a default Nova icon."
         },
         {
-          "name": "gutter",
-          "description": "Gutter refers to the space that exists between children components inside\nthe stack container."
+          "name": "label",
+          "description": "The label/name to display next to the logo."
         },
         {
-          "name": "vertical",
-          "description": "Display the element of the stack vertically."
+          "name": "logo",
+          "description": "URL of the full logo image (shown when sidebar is expanded).\nIf not provided, uses a default Nova logo."
         }
       ]
     },
     {
-      "name": "nv-table",
+      "name": "nv-sidebarnavitem",
       "description": {
         "kind": "markdown",
-        "value": "A semantic table container component that wraps around a native HTML table element, and enhances it with Nova styles and additional functionality. This component provides an advanced foundation for data tables with features like sticky positioning, column resizing, and row selection. If you are looking for a more complex table solution by passing in data to build the markup with additional features, check out the **datatable component**.\n\n**Key Features**\n\n- **Native Table Structure**: Uses standard HTML table elements (thead, tbody, tfoot, tr, th, td) as children\n- **Column Resizing**: Columns are resizable by default, with option to disable per column\n- **Sticky Positioning**: Headers and columns can stick during scrolling\n- **Row Selection**: Visual indication for selected rows\n- **Responsive Design**: Works seamlessly across different screen sizes\n- **Width Classes**: Support for Tailwind width classes to control column sizing\n\n**Data Attributes**\n\nThe nv-table component supports several data attributes to enhance functionality:\n\n**Sticky Positioning**\n- `data-sticky-top`: Apply to `<thead>` to make header stick to top during vertical scroll\n- `data-sticky-left`: Apply to `<th>` and `<td>` to make column stick to left during horizontal scroll\n- `data-sticky-right`: Apply to `<th>` and `<td>` to make column stick to right during horizontal scroll\n\n**Column Behavior**\n- `data-no-resize`: Apply to `<th>` to prevent column from being resizable\n- Width classes (e.g., `w-10`, `w-20`): Set initial column widths; columns without fixed widths grow to fill available space\n\n**Row Selection**\n- `data-selected`: Apply to `<tr>` to indicate the selected row with appropriate styling\n\n**Usage Notes**\n\n- For horizontal sticky columns, wrap the table in a container with `overflow-x: auto`\n- Sticky columns require the same data attribute on both header (`<th>`) and data cells (`<td>`)\n- Columns without width classes or `data-no-resize` will automatically grow to fill available space\n- Works with all standard table accessibility features and semantic markup"
+        "value": "A navigation item in the sidebar. Can be a simple link or a collapsible parent with sub-items."
       },
-      "attributes": []
+      "attributes": [
+        {
+          "name": "active",
+          "description": "Whether this item represents the active/current page.\nCan be set automatically when a sub-item becomes active."
+        },
+        {
+          "name": "collapsible",
+          "description": "Whether this item can be collapsed/expanded (has sub-items)."
+        },
+        {
+          "name": "icon",
+          "description": "Optional icon to display before the label.",
+          "values": [
+            {
+              "name": "home"
+            },
+            {
+              "name": "photo"
+            },
+            {
+              "name": "access-point-off"
+            },
+            {
+              "name": "access-point"
+            },
+            {
+              "name": "accessible"
+            },
+            {
+              "name": "activity"
+            },
+            {
+              "name": "address-book"
+            },
+            {
+              "name": "adjustments-horizontal"
+            },
+            {
+              "name": "adjustments-up"
+            },
+            {
+              "name": "adjustments"
+            },
+            {
+              "name": "affiliate"
+            },
+            {
+              "name": "air-conditioning"
+            },
+            {
+              "name": "alert-circle"
+            },
+            {
+              "name": "alert-square-rounded"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "align-center"
+            },
+            {
+              "name": "align-left"
+            },
+            {
+              "name": "align-right"
+            },
+            {
+              "name": "app-window"
+            },
+            {
+              "name": "apps"
+            },
+            {
+              "name": "archive"
+            },
+            {
+              "name": "areas"
+            },
+            {
+              "name": "arrow-back-up"
+            },
+            {
+              "name": "arrow-back"
+            },
+            {
+              "name": "arrow-down-left"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "arrow-down"
+            },
+            {
+              "name": "arrow-forward-up"
+            },
+            {
+              "name": "arrow-forward"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "arrow-right"
+            },
+            {
+              "name": "arrow-up-left"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "arrow-up"
+            },
+            {
+              "name": "arrows-diagonal"
+            },
+            {
+              "name": "arrows-exchange"
+            },
+            {
+              "name": "arrows-maximize"
+            },
+            {
+              "name": "arrows-minimize"
+            },
+            {
+              "name": "arrows-move"
+            },
+            {
+              "name": "aspect-ratio"
+            },
+            {
+              "name": "atom"
+            },
+            {
+              "name": "ban"
+            },
+            {
+              "name": "basket"
+            },
+            {
+              "name": "battery-1"
+            },
+            {
+              "name": "battery-2"
+            },
+            {
+              "name": "battery-3"
+            },
+            {
+              "name": "battery-4"
+            },
+            {
+              "name": "battery-automotive"
+            },
+            {
+              "name": "battery-charging"
+            },
+            {
+              "name": "battery-eco"
+            },
+            {
+              "name": "battery-off"
+            },
+            {
+              "name": "battery"
+            },
+            {
+              "name": "bell-bolt"
+            },
+            {
+              "name": "bell-off"
+            },
+            {
+              "name": "bell-ringing"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "bike"
+            },
+            {
+              "name": "bluetooth-connected"
+            },
+            {
+              "name": "bluetooth-off"
+            },
+            {
+              "name": "bluetooth"
+            },
+            {
+              "name": "bolt-off"
+            },
+            {
+              "name": "bolt"
+            },
+            {
+              "name": "book"
+            },
+            {
+              "name": "bookmark-off"
+            },
+            {
+              "name": "bookmark"
+            },
+            {
+              "name": "bookmarks"
+            },
+            {
+              "name": "box-align-top"
+            },
+            {
+              "name": "box-multiple"
+            },
+            {
+              "name": "brand-facebook"
+            },
+            {
+              "name": "brand-instagram"
+            },
+            {
+              "name": "brand-linkedin"
+            },
+            {
+              "name": "brand-x"
+            },
+            {
+              "name": "brand-youtube"
+            },
+            {
+              "name": "briefcase"
+            },
+            {
+              "name": "brightness-down"
+            },
+            {
+              "name": "brightness-up"
+            },
+            {
+              "name": "browser-check"
+            },
+            {
+              "name": "browser-plus"
+            },
+            {
+              "name": "browser-x"
+            },
+            {
+              "name": "browser"
+            },
+            {
+              "name": "brush"
+            },
+            {
+              "name": "building-bank"
+            },
+            {
+              "name": "building-factory"
+            },
+            {
+              "name": "building-lighthouse"
+            },
+            {
+              "name": "building-store"
+            },
+            {
+              "name": "building"
+            },
+            {
+              "name": "bulb-off"
+            },
+            {
+              "name": "bulb"
+            },
+            {
+              "name": "cake"
+            },
+            {
+              "name": "calendar-time"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "camera-off"
+            },
+            {
+              "name": "camera"
+            },
+            {
+              "name": "car-crane"
+            },
+            {
+              "name": "car"
+            },
+            {
+              "name": "caravan"
+            },
+            {
+              "name": "cash-banknote"
+            },
+            {
+              "name": "cash"
+            },
+            {
+              "name": "cast"
+            },
+            {
+              "name": "cell"
+            },
+            {
+              "name": "charging-pile"
+            },
+            {
+              "name": "chart-arcs"
+            },
+            {
+              "name": "chart-area-line"
+            },
+            {
+              "name": "chart-area"
+            },
+            {
+              "name": "chart-arrows-vertical"
+            },
+            {
+              "name": "chart-arrows"
+            },
+            {
+              "name": "chart-bar"
+            },
+            {
+              "name": "chart-bubble"
+            },
+            {
+              "name": "chart-circles"
+            },
+            {
+              "name": "chart-donut"
+            },
+            {
+              "name": "chart-dots"
+            },
+            {
+              "name": "chart-line"
+            },
+            {
+              "name": "chart-pie"
+            },
+            {
+              "name": "chart-radar"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "checkbox"
+            },
+            {
+              "name": "checklist"
+            },
+            {
+              "name": "checks"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-top"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "circle-caret-right"
+            },
+            {
+              "name": "circle-check"
+            },
+            {
+              "name": "circle-x"
+            },
+            {
+              "name": "circuit-alternate"
+            },
+            {
+              "name": "circuit-ground-digital"
+            },
+            {
+              "name": "clipboard-check"
+            },
+            {
+              "name": "clipboard-list"
+            },
+            {
+              "name": "clipboard-plus"
+            },
+            {
+              "name": "clipboard-text"
+            },
+            {
+              "name": "clipboard-x"
+            },
+            {
+              "name": "clipboard"
+            },
+            {
+              "name": "clock-edit"
+            },
+            {
+              "name": "clock"
+            },
+            {
+              "name": "cloud-data-connection"
+            },
+            {
+              "name": "cloud-download"
+            },
+            {
+              "name": "cloud-rain"
+            },
+            {
+              "name": "cloud-snow"
+            },
+            {
+              "name": "cloud-upload"
+            },
+            {
+              "name": "cloud"
+            },
+            {
+              "name": "color-picker"
+            },
+            {
+              "name": "color-swatch"
+            },
+            {
+              "name": "columns-1"
+            },
+            {
+              "name": "columns-2"
+            },
+            {
+              "name": "columns-3"
+            },
+            {
+              "name": "compass"
+            },
+            {
+              "name": "contract"
+            },
+            {
+              "name": "cookie"
+            },
+            {
+              "name": "copy"
+            },
+            {
+              "name": "cpu"
+            },
+            {
+              "name": "crane"
+            },
+            {
+              "name": "credit-card"
+            },
+            {
+              "name": "crop"
+            },
+            {
+              "name": "cross"
+            },
+            {
+              "name": "crown"
+            },
+            {
+              "name": "currency-bitcoin"
+            },
+            {
+              "name": "currency-dollar"
+            },
+            {
+              "name": "currency-ethereum"
+            },
+            {
+              "name": "currency-euro"
+            },
+            {
+              "name": "cut"
+            },
+            {
+              "name": "dashboard"
+            },
+            {
+              "name": "database"
+            },
+            {
+              "name": "device-desktop"
+            },
+            {
+              "name": "device-floppy"
+            },
+            {
+              "name": "device-gamepad"
+            },
+            {
+              "name": "device-laptop"
+            },
+            {
+              "name": "device-mobile-rotated"
+            },
+            {
+              "name": "device-mobile"
+            },
+            {
+              "name": "device-tablet"
+            },
+            {
+              "name": "device-watch"
+            },
+            {
+              "name": "devices"
+            },
+            {
+              "name": "dialpad"
+            },
+            {
+              "name": "direction-horizontal"
+            },
+            {
+              "name": "direction-sign"
+            },
+            {
+              "name": "direction"
+            },
+            {
+              "name": "discount"
+            },
+            {
+              "name": "door-enter"
+            },
+            {
+              "name": "door-exit"
+            },
+            {
+              "name": "door-off"
+            },
+            {
+              "name": "dots-vertical"
+            },
+            {
+              "name": "dots"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "drone"
+            },
+            {
+              "name": "droplet-filled"
+            },
+            {
+              "name": "droplet-half"
+            },
+            {
+              "name": "droplet"
+            },
+            {
+              "name": "droplets"
+            },
+            {
+              "name": "edit"
+            },
+            {
+              "name": "empty"
+            },
+            {
+              "name": "engine"
+            },
+            {
+              "name": "equal-not"
+            },
+            {
+              "name": "eraser-off"
+            },
+            {
+              "name": "eraser"
+            },
+            {
+              "name": "external-link"
+            },
+            {
+              "name": "eye-off"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "face-id"
+            },
+            {
+              "name": "feather"
+            },
+            {
+              "name": "file-alert"
+            },
+            {
+              "name": "file-analytics"
+            },
+            {
+              "name": "file-check"
+            },
+            {
+              "name": "file-code"
+            },
+            {
+              "name": "file-download"
+            },
+            {
+              "name": "file-export"
+            },
+            {
+              "name": "file-horizontal"
+            },
+            {
+              "name": "file-import"
+            },
+            {
+              "name": "file-plus"
+            },
+            {
+              "name": "file-search"
+            },
+            {
+              "name": "file-text-bookmark"
+            },
+            {
+              "name": "file-text"
+            },
+            {
+              "name": "file-type-bmp"
+            },
+            {
+              "name": "file-type-css"
+            },
+            {
+              "name": "file-type-csv"
+            },
+            {
+              "name": "file-type-doc"
+            },
+            {
+              "name": "file-type-html"
+            },
+            {
+              "name": "file-type-jpg"
+            },
+            {
+              "name": "file-type-js"
+            },
+            {
+              "name": "file-type-pdf"
+            },
+            {
+              "name": "file-type-png"
+            },
+            {
+              "name": "file-type-ppt"
+            },
+            {
+              "name": "file-type-xls"
+            },
+            {
+              "name": "file-type-xml"
+            },
+            {
+              "name": "file-type-zip"
+            },
+            {
+              "name": "file-upload"
+            },
+            {
+              "name": "file-x"
+            },
+            {
+              "name": "file-zip"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "files-off"
+            },
+            {
+              "name": "files"
+            },
+            {
+              "name": "filter-off"
+            },
+            {
+              "name": "filter-sort"
+            },
+            {
+              "name": "filter"
+            },
+            {
+              "name": "fingerprint"
+            },
+            {
+              "name": "fire-extinguisher"
+            },
+            {
+              "name": "flag"
+            },
+            {
+              "name": "flame"
+            },
+            {
+              "name": "flip-horizontal"
+            },
+            {
+              "name": "flip-vertical"
+            },
+            {
+              "name": "folder-minus"
+            },
+            {
+              "name": "folder-off"
+            },
+            {
+              "name": "folder-plus"
+            },
+            {
+              "name": "folder-x"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "folders"
+            },
+            {
+              "name": "frame"
+            },
+            {
+              "name": "gas-station"
+            },
+            {
+              "name": "gauge-off"
+            },
+            {
+              "name": "gauge"
+            },
+            {
+              "name": "gift"
+            },
+            {
+              "name": "git-branch-delete"
+            },
+            {
+              "name": "git-branch"
+            },
+            {
+              "name": "git-cherry-pick"
+            },
+            {
+              "name": "git-commit"
+            },
+            {
+              "name": "git-compare"
+            },
+            {
+              "name": "git-fork"
+            },
+            {
+              "name": "git-merge"
+            },
+            {
+              "name": "git-pull-request-closed"
+            },
+            {
+              "name": "git-pull-request-draft"
+            },
+            {
+              "name": "git-pull-request"
+            },
+            {
+              "name": "gps"
+            },
+            {
+              "name": "grid-dots"
+            },
+            {
+              "name": "grip-horizontal"
+            },
+            {
+              "name": "grip-vertical"
+            },
+            {
+              "name": "hand-stop"
+            },
+            {
+              "name": "hand-waving"
+            },
+            {
+              "name": "hash"
+            },
+            {
+              "name": "haze"
+            },
+            {
+              "name": "headphones-off"
+            },
+            {
+              "name": "headphones"
+            },
+            {
+              "name": "headset"
+            },
+            {
+              "name": "heart-off"
+            },
+            {
+              "name": "heart"
+            },
+            {
+              "name": "heartbeat"
+            },
+            {
+              "name": "helicopter"
+            },
+            {
+              "name": "helmet-swopp"
+            },
+            {
+              "name": "helmet"
+            },
+            {
+              "name": "help"
+            },
+            {
+              "name": "history"
+            },
+            {
+              "name": "hourglass-empty"
+            },
+            {
+              "name": "hourglass-high"
+            },
+            {
+              "name": "hourglass-low"
+            },
+            {
+              "name": "hourglass-off"
+            },
+            {
+              "name": "hourglass"
+            },
+            {
+              "name": "inbox"
+            },
+            {
+              "name": "info-circle"
+            },
+            {
+              "name": "keyboard-hide"
+            },
+            {
+              "name": "keyboard-show"
+            },
+            {
+              "name": "keyboard"
+            },
+            {
+              "name": "layout-board-split"
+            },
+            {
+              "name": "layout-dashboard"
+            },
+            {
+              "name": "layout-grid"
+            },
+            {
+              "name": "layout-sidebar-left-collapse"
+            },
+            {
+              "name": "layout-sidebar-left-expand"
+            },
+            {
+              "name": "layout-sidebar-right-collapse"
+            },
+            {
+              "name": "layout-sidebar-right-expand"
+            },
+            {
+              "name": "layout"
+            },
+            {
+              "name": "leaf"
+            },
+            {
+              "name": "lifebuoy"
+            },
+            {
+              "name": "link"
+            },
+            {
+              "name": "list-search"
+            },
+            {
+              "name": "list"
+            },
+            {
+              "name": "loader"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "lock-off"
+            },
+            {
+              "name": "lock-open"
+            },
+            {
+              "name": "lock"
+            },
+            {
+              "name": "login"
+            },
+            {
+              "name": "logout"
+            },
+            {
+              "name": "mail-forward"
+            },
+            {
+              "name": "mail-opened"
+            },
+            {
+              "name": "mail"
+            },
+            {
+              "name": "map-pin-2"
+            },
+            {
+              "name": "map-pin-off"
+            },
+            {
+              "name": "map-pin"
+            },
+            {
+              "name": "map"
+            },
+            {
+              "name": "master-data"
+            },
+            {
+              "name": "menu"
+            },
+            {
+              "name": "message-dots"
+            },
+            {
+              "name": "message-off"
+            },
+            {
+              "name": "message"
+            },
+            {
+              "name": "messages"
+            },
+            {
+              "name": "microphone-off"
+            },
+            {
+              "name": "microphone"
+            },
+            {
+              "name": "minus"
+            },
+            {
+              "name": "mist"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "motorbike"
+            },
+            {
+              "name": "mouse"
+            },
+            {
+              "name": "movie"
+            },
+            {
+              "name": "network"
+            },
+            {
+              "name": "news"
+            },
+            {
+              "name": "note"
+            },
+            {
+              "name": "notebook"
+            },
+            {
+              "name": "notes"
+            },
+            {
+              "name": "offshore-station"
+            },
+            {
+              "name": "package"
+            },
+            {
+              "name": "palette"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "pencil"
+            },
+            {
+              "name": "phone-call"
+            },
+            {
+              "name": "phone-calling"
+            },
+            {
+              "name": "phone-check"
+            },
+            {
+              "name": "phone-incoming"
+            },
+            {
+              "name": "phone-off"
+            },
+            {
+              "name": "phone-outgoing"
+            },
+            {
+              "name": "phone"
+            },
+            {
+              "name": "photo-off"
+            },
+            {
+              "name": "pig"
+            },
+            {
+              "name": "pin"
+            },
+            {
+              "name": "pinned-off"
+            },
+            {
+              "name": "pinned"
+            },
+            {
+              "name": "plane-off"
+            },
+            {
+              "name": "plane"
+            },
+            {
+              "name": "plant"
+            },
+            {
+              "name": "player-pause"
+            },
+            {
+              "name": "player-play"
+            },
+            {
+              "name": "player-skip-back"
+            },
+            {
+              "name": "player-skip-forward"
+            },
+            {
+              "name": "player-stop"
+            },
+            {
+              "name": "player-track-next"
+            },
+            {
+              "name": "player-track-prev"
+            },
+            {
+              "name": "plug-connected"
+            },
+            {
+              "name": "plug"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "power-ac"
+            },
+            {
+              "name": "power-dc"
+            },
+            {
+              "name": "power"
+            },
+            {
+              "name": "presentation-analytics"
+            },
+            {
+              "name": "presentation"
+            },
+            {
+              "name": "printer"
+            },
+            {
+              "name": "propeller"
+            },
+            {
+              "name": "published"
+            },
+            {
+              "name": "puzzle-2"
+            },
+            {
+              "name": "puzzle"
+            },
+            {
+              "name": "pylon"
+            },
+            {
+              "name": "qrcode"
+            },
+            {
+              "name": "quotes-open"
+            },
+            {
+              "name": "quotes"
+            },
+            {
+              "name": "radar"
+            },
+            {
+              "name": "radio"
+            },
+            {
+              "name": "radioactive"
+            },
+            {
+              "name": "receipt-dollar"
+            },
+            {
+              "name": "receipt-euro"
+            },
+            {
+              "name": "receipt"
+            },
+            {
+              "name": "recharging"
+            },
+            {
+              "name": "recycle"
+            },
+            {
+              "name": "refresh-alert"
+            },
+            {
+              "name": "refresh-off"
+            },
+            {
+              "name": "refresh"
+            },
+            {
+              "name": "repeat-once"
+            },
+            {
+              "name": "repeat"
+            },
+            {
+              "name": "replace"
+            },
+            {
+              "name": "report-analytics"
+            },
+            {
+              "name": "report-medical"
+            },
+            {
+              "name": "report-search"
+            },
+            {
+              "name": "report"
+            },
+            {
+              "name": "ripple-off"
+            },
+            {
+              "name": "ripple"
+            },
+            {
+              "name": "rocket"
+            },
+            {
+              "name": "rotate-2"
+            },
+            {
+              "name": "rotate-clockwise-2"
+            },
+            {
+              "name": "rotate-clockwise"
+            },
+            {
+              "name": "rotate-dot"
+            },
+            {
+              "name": "rotate"
+            },
+            {
+              "name": "router"
+            },
+            {
+              "name": "ruler-measure"
+            },
+            {
+              "name": "sailboat"
+            },
+            {
+              "name": "satellite"
+            },
+            {
+              "name": "scale"
+            },
+            {
+              "name": "school"
+            },
+            {
+              "name": "scissors"
+            },
+            {
+              "name": "scooter-electric"
+            },
+            {
+              "name": "screenshot"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "seeding"
+            },
+            {
+              "name": "select"
+            },
+            {
+              "name": "selector"
+            },
+            {
+              "name": "send"
+            },
+            {
+              "name": "server"
+            },
+            {
+              "name": "settings"
+            },
+            {
+              "name": "shape"
+            },
+            {
+              "name": "share-2"
+            },
+            {
+              "name": "share"
+            },
+            {
+              "name": "shield-check"
+            },
+            {
+              "name": "shield-lock"
+            },
+            {
+              "name": "shield-off"
+            },
+            {
+              "name": "shield-x"
+            },
+            {
+              "name": "shield"
+            },
+            {
+              "name": "ship-off"
+            },
+            {
+              "name": "ship"
+            },
+            {
+              "name": "shopping-cart"
+            },
+            {
+              "name": "sitemap"
+            },
+            {
+              "name": "slash"
+            },
+            {
+              "name": "smart-home"
+            },
+            {
+              "name": "snowflake"
+            },
+            {
+              "name": "solar-panel"
+            },
+            {
+              "name": "sort-ascending-letters"
+            },
+            {
+              "name": "sort-ascending-numbers"
+            },
+            {
+              "name": "sort-descending-letters"
+            },
+            {
+              "name": "sort-descending-numbers"
+            },
+            {
+              "name": "spacing-horizontal"
+            },
+            {
+              "name": "spacing-vertical"
+            },
+            {
+              "name": "sparkles"
+            },
+            {
+              "name": "speakerphone"
+            },
+            {
+              "name": "stack"
+            },
+            {
+              "name": "stairs"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "sunrise"
+            },
+            {
+              "name": "sunset"
+            },
+            {
+              "name": "switch-horizontal"
+            },
+            {
+              "name": "switch-vertical"
+            },
+            {
+              "name": "table"
+            },
+            {
+              "name": "tag"
+            },
+            {
+              "name": "tank-empty-fill"
+            },
+            {
+              "name": "tank-full-fill"
+            },
+            {
+              "name": "tank-medium-fill"
+            },
+            {
+              "name": "temperature-off"
+            },
+            {
+              "name": "temperature"
+            },
+            {
+              "name": "template"
+            },
+            {
+              "name": "terminal"
+            },
+            {
+              "name": "text-size"
+            },
+            {
+              "name": "text"
+            },
+            {
+              "name": "thumb-down"
+            },
+            {
+              "name": "thumb-up"
+            },
+            {
+              "name": "ticket"
+            },
+            {
+              "name": "timeline"
+            },
+            {
+              "name": "tir"
+            },
+            {
+              "name": "tool"
+            },
+            {
+              "name": "tools"
+            },
+            {
+              "name": "train"
+            },
+            {
+              "name": "trash-off"
+            },
+            {
+              "name": "trash"
+            },
+            {
+              "name": "tree"
+            },
+            {
+              "name": "trees"
+            },
+            {
+              "name": "truck-delivery"
+            },
+            {
+              "name": "truck"
+            },
+            {
+              "name": "umbrella"
+            },
+            {
+              "name": "unlink"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "user-circle"
+            },
+            {
+              "name": "user-exclamation"
+            },
+            {
+              "name": "user-minus"
+            },
+            {
+              "name": "user-off"
+            },
+            {
+              "name": "user-plus"
+            },
+            {
+              "name": "user-worker"
+            },
+            {
+              "name": "user"
+            },
+            {
+              "name": "users"
+            },
+            {
+              "name": "versions"
+            },
+            {
+              "name": "video-minus"
+            },
+            {
+              "name": "video-off"
+            },
+            {
+              "name": "video-plus"
+            },
+            {
+              "name": "video"
+            },
+            {
+              "name": "volume-2"
+            },
+            {
+              "name": "volume-3"
+            },
+            {
+              "name": "volume"
+            },
+            {
+              "name": "wallet"
+            },
+            {
+              "name": "wand"
+            },
+            {
+              "name": "wave"
+            },
+            {
+              "name": "waves"
+            },
+            {
+              "name": "wifi-off"
+            },
+            {
+              "name": "wifi"
+            },
+            {
+              "name": "wind-direction"
+            },
+            {
+              "name": "wind"
+            },
+            {
+              "name": "windmill"
+            },
+            {
+              "name": "wood"
+            },
+            {
+              "name": "world-code"
+            },
+            {
+              "name": "world"
+            },
+            {
+              "name": "writing"
+            },
+            {
+              "name": "x"
+            },
+            {
+              "name": "zoom-reset"
+            }
+          ]
+        },
+        {
+          "name": "notification-count",
+          "description": "Number of notifications to display. When provided, a notification bullet will be automatically rendered.\nThe bullet will be positioned in the trailing slot when sidebar is open, and on the icon when collapsed."
+        },
+        {
+          "name": "open",
+          "description": "Whether the collapsible item is currently open (showing sub-items)."
+        }
+      ]
+    },
+    {
+      "name": "nv-sidebarnavsubitem",
+      "description": {
+        "kind": "markdown",
+        "value": "A sub-item in the sidebar navigation, typically used as a child of nv-sidebarnavitem."
+      },
+      "attributes": [
+        {
+          "name": "active",
+          "description": "Whether this sub-item represents the active/current page."
+        }
+      ]
+    },
+    {
+      "name": "nv-split",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-split` component is an advanced layout container that enables the creation of interactively resizable panels. It provides a flexible solution for dividing available space between multiple interface sections, with precise control over dimensions and constraints for each panel."
+      },
+      "attributes": [
+        {
+          "name": "direction",
+          "description": "Direction of the split layout.\n- `horizontal`: panes side by side\n- `vertical`: panes stacked",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "gutter-size",
+          "description": "Width or height of the gutter (in px) depending on the split direction.\nDefault is 24px to meet WCAG 2.2 target size requirements for touch accessibility."
+        }
+      ]
+    },
+    {
+      "name": "nv-stack",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-stack` component is useful for dividing block content into horizontal areas. These areas can contain almost any elements, such as a title, a button, a text input, or simple text."
+      },
+      "attributes": [
+        {
+          "name": "fill",
+          "description": "Fill will force the children to fill the stack depending of the direction\nof the stack. In horizontal position, the children take the height of the\nstack. In vertical position, the children take the width of the stack."
+        },
+        {
+          "name": "flex",
+          "description": "Flex will force the children to share the stack between the children\ndepending of the direction of the stack. In horizontal position, the\nchildren width will share the width of the stack. In vertical position,\nthe children height will share the height of the stack."
+        },
+        {
+          "name": "full",
+          "description": "Full set the width of the stack to 100%.\n(same effect as WFull props)"
+        },
+        {
+          "name": "gutter",
+          "description": "Gutter refers to the space that exists between children components inside\nthe stack container."
+        },
+        {
+          "name": "vertical",
+          "description": "Display the element of the stack vertically."
+        }
+      ]
+    },
+    {
+      "name": "nv-table",
+      "description": {
+        "kind": "markdown",
+        "value": "A semantic table container component that wraps around a native HTML table element, and enhances it with Nova styles and additional functionality. This component provides an advanced foundation for data tables with features like sticky positioning, column resizing, and row selection. If you are looking for a more complex table solution by passing in data to build the markup with additional features, check out the **datatable component**.\n\n**Key Features**\n\n- **Native Table Structure**: Uses standard HTML table elements (thead, tbody, tfoot, tr, th, td) as children\n- **Column Resizing**: Columns are resizable by default, with option to disable per column\n- **Sticky Positioning**: Headers and columns can stick during scrolling\n- **Row Selection**: Visual indication for selected rows\n- **Responsive Design**: Works seamlessly across different screen sizes\n- **Width Classes**: Support for Tailwind width classes to control column sizing\n\n**Data Attributes**\n\nThe nv-table component supports several data attributes to enhance functionality:\n\n**Sticky Positioning**\n- `data-sticky-top`: Apply to `<thead>` to make header stick to top during vertical scroll\n- `data-sticky-left`: Apply to `<th>` and `<td>` to make column stick to left during horizontal scroll\n- `data-sticky-right`: Apply to `<th>` and `<td>` to make column stick to right during horizontal scroll\n\n**Column Behavior**\n- `data-no-resize`: Apply to `<th>` to prevent column from being resizable\n- Width classes (e.g., `w-10`, `w-20`): Set initial column widths; columns without fixed widths grow to fill available space\n\n**Row Selection**\n- `data-selected`: Apply to `<tr>` to indicate the selected row with appropriate styling\n\n**Usage Notes**\n\n- For horizontal sticky columns, wrap the table in a container with `overflow-x: auto`\n- Sticky columns require the same data attribute on both header (`<th>`) and data cells (`<td>`)\n- Columns without width classes or `data-no-resize` will automatically grow to fill available space\n- Works with all standard table accessibility features and semantic markup"
+      },
+      "attributes": []
+    },
+    {
+      "name": "nv-tableheader",
+      "description": {
+        "kind": "markdown",
+        "value": "A semantic table header cell component that enhances native table headers with sorting behavior, keyboard accessibility, and Nova styling. When enabled, it displays sorting UI and allows users to toggle sort direction through clicks or keyboard input, and communicates its current state via ARIA attributes for assistive technologies.\n\nThis component does not perform sorting on its own—it only controls and displays the sorting state for that header. The actual data sorting must be handled externally. For advanced use cases, such as automatically sorting table data, using built-in server/client-side sorting, or managing multi-column sorting, see the datatable component, which includes full sorting logic.\n\nIf you prefer a fully custom table implementation, you can listen to this component’s sortDirectionChanged event and implement your own sorting behavior."
+      },
+      "attributes": [
+        {
+          "name": "sort-direction",
+          "description": "The current sort direction of the header. Will be 'none' if the header is\nnot sortable or if the sort direction is not set.",
+          "values": [
+            {
+              "name": "asc"
+            },
+            {
+              "name": "desc"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "sortable",
+          "description": "Will render the header as sortable with the corresponding icon button.\nAllows the header to be tabbed, and trigger sorting via click or keyboard\nnavigation"
+        }
+      ]
     },
     {
       "name": "nv-toggle",