{
  "version": 1,
  "tags": [
    {
      "name": "nile-accordion",
      "description": "Nile detail component.\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n\n  * `variant` {`\"dark\" | \"light\"`} - Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\nDefaults to `'light'`.\n\n  * `expandIconPlacement` {`\"left\" | \"right\"`} - Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\nDefaults to `'right'`.\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\nDefaults to `'md'`.\n\n  * `summary` {`string`} - The summary to show in the header. If you need to display HTML, use the `summary` slot instead.\n\n  * `disabled` {`boolean`} - Disables the accordian so it can't be toggled.\n\nProperties:\n\n  * `styles` - \n\n  * `accordian` {`HTMLElement`} - \n\n  * `header` {`HTMLElement`} - \n\n  * `body` {`HTMLElement`} - \n\n  * `expandIconSlot` {`HTMLSlotElement`} - \n\n  * `open` {`boolean`} - Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n\n  * `variant` {`\"dark\" | \"light\"`} - Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\nDefaults to `'light'`.\n\n  * `expandIconPlacement` {`\"left\" | \"right\"`} - Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\nDefaults to `'right'`.\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\nDefaults to `'md'`.\n\n  * `summary` {`string`} - The summary to show in the header. If you need to display HTML, use the `summary` slot instead.\n\n  * `disabled` {`boolean`} - Disables the accordian so it can't be toggled.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "open",
          "description": "`open` {`boolean`} - Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "variant",
          "description": "`variant` {`\"dark\" | \"light\"`} - Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\nDefaults to `'light'`.\n\nProperty: variant\n\nDefault: light",
          "values": [
            {
              "name": "dark"
            },
            {
              "name": "light"
            }
          ]
        },
        {
          "name": "expandIconPlacement",
          "description": "`expandIconPlacement` {`\"left\" | \"right\"`} - Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\nDefaults to `'right'`.\n\nProperty: expandIconPlacement\n\nDefault: right",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        },
        {
          "name": "size",
          "description": "`size` {`\"sm\" | \"md\" | \"lg\"`} - Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\nDefaults to `'md'`.\n\nProperty: size\n\nDefault: md",
          "values": [
            {
              "name": "sm"
            },
            {
              "name": "md"
            },
            {
              "name": "lg"
            }
          ]
        },
        {
          "name": "summary",
          "description": "`summary` {`string`} - The summary to show in the header. If you need to display HTML, use the `summary` slot instead.\n\nProperty: summary"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the accordian so it can't be toggled.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-auto-complete",
      "description": "Attributes:\n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `portal` {`boolean`} - When true, the dropdown menu 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  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `noOutline` {`boolean`} - \n\n  * `noPadding` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `allMenuItems` - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `noDropdownClose` {`boolean`} - \n\n  * `label` {`string`} - \n\nProperties:\n\n  * `styles` - \n\n  * `visibilityManager` - \n\n  * `dropdownElement` - \n\n  * `inputElement` - \n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `portal` {`boolean`} - When true, the dropdown menu 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  * `portalManager` - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `noOutline` {`boolean`} - \n\n  * `noPadding` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `filterFunction` - \n\n  * `renderItemFunction` - \n\n  * `allMenuItems` - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `noDropdownClose` {`boolean`} - \n\n  * `label` {`string`} - \n\n  * `menuItems` - \n\n  * `handleWindowResize` - \n\n  * `handleWindowScroll` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "isDropdownOpen",
          "description": "`isDropdownOpen` {`boolean`} - \n\nProperty: isDropdownOpen\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "portal",
          "description": "`portal` {`boolean`} - When true, the dropdown menu 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: portal\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableVirtualScroll",
          "description": "`enableVirtualScroll` {`boolean`} - \n\nProperty: enableVirtualScroll\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "openOnFocus",
          "description": "`openOnFocus` {`boolean`} - \n\nProperty: openOnFocus\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "value",
          "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: "
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - \n\nProperty: placeholder\n\nDefault: Type here .."
        },
        {
          "name": "noBorder",
          "description": "`noBorder` {`boolean`} - \n\nProperty: noBorder\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noOutline",
          "description": "`noOutline` {`boolean`} - \n\nProperty: noOutline\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noPadding",
          "description": "`noPadding` {`boolean`} - \n\nProperty: noPadding\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "loading",
          "description": "`loading` {`boolean`} - \n\nProperty: loading\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allMenuItems",
          "description": "`allMenuItems` - \n\nProperty: allMenuItems\n\nDefault: "
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noDropdownClose",
          "description": "`noDropdownClose` {`boolean`} - \n\nProperty: noDropdownClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-avatar",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `src` {`string`} - Gives the url to the Avatar\n\n  * `variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\n  * `icon` {`string`} - Gives the icon to the Avatar\n\n  * `name` {`String`} - Gives the default Image Letters to the Avatar\n\n  * `bg-color` {`string`} - Gives the default bg color  to the Avatar\n\n  * `text-color` {`string`} - Gives the default text color  to the Avatar\n\n  * `border-color` {`string`} - Gives the default border color  to the Avatar\n\n  * `size` {`\"sm\" | \"md\" | \"lg\" | \"xs\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\n  * `isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\nProperties:\n\n  * `src` {`string`} - Gives the url to the Avatar\n\n  * `variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\n  * `icon` {`string`} - Gives the icon to the Avatar\n\n  * `name` {`String`} - Gives the default Image Letters to the Avatar\n\n  * `bgColor` {`string`} - Gives the default bg color  to the Avatar\n\n  * `textColor` {`string`} - Gives the default text color  to the Avatar\n\n  * `borderColor` {`string`} - Gives the default border color  to the Avatar\n\n  * `size` {`\"sm\" | \"md\" | \"lg\" | \"xs\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\n  * `isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\n  * `imageError` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "src",
          "description": "`src` {`string`} - Gives the url to the Avatar\n\nProperty: src\n\nDefault: "
        },
        {
          "name": "variant",
          "description": "`variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\nProperty: variant\n\nDefault: text",
          "values": [
            {
              "name": "icon"
            },
            {
              "name": "image"
            },
            {
              "name": "text"
            }
          ]
        },
        {
          "name": "icon",
          "description": "`icon` {`string`} - Gives the icon to the Avatar\n\nProperty: icon\n\nDefault: var(--nile-icon-user, var(--ng-icon-user-01))"
        },
        {
          "name": "name",
          "description": "`name` {`String`} - Gives the default Image Letters to the Avatar\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "bg-color",
          "description": "`bg-color` {`string`} - Gives the default bg color  to the Avatar\n\nProperty: bgColor\n\nDefault: "
        },
        {
          "name": "text-color",
          "description": "`text-color` {`string`} - Gives the default text color  to the Avatar\n\nProperty: textColor\n\nDefault: "
        },
        {
          "name": "border-color",
          "description": "`border-color` {`string`} - Gives the default border color  to the Avatar\n\nProperty: borderColor\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`\"sm\" | \"md\" | \"lg\" | \"xs\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\nProperty: size\n\nDefault: md",
          "values": [
            {
              "name": "sm"
            },
            {
              "name": "md"
            },
            {
              "name": "lg"
            },
            {
              "name": "xs"
            },
            {
              "name": "xl"
            },
            {
              "name": "2xl"
            }
          ]
        },
        {
          "name": "isRounded",
          "description": "`isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\nProperty: isRounded\n\nDefault: true",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-badge",
      "description": "Events:\n\n  * `nile-remove` {} - Emitted when the remove button is activated.\n\nSlots:\n\n  * ` ` {} - The badge's content.\n\nAttributes:\n\n  * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"brand\" | \"blue-light\" | \"blue\" | \"indigo\" | \"purple\" | \"pink\" | \"orange\" | \"blue-gray\" | \"gray-blue\"`} - The badge's theme variant.\n\n  * `rounded` {`boolean`} - Draws a pill-style badge with rounded edges.\n\n  * `pilltype` {`\"pill-color\" | \"pill-outline\" | \"badge-color\"`} - \n\nProperties:\n\n  * `styles` - \n\n  * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"brand\" | \"blue-light\" | \"blue\" | \"indigo\" | \"purple\" | \"pink\" | \"orange\" | \"blue-gray\" | \"gray-blue\"`} - The badge's theme variant.\n\n  * `rounded` {`boolean`} - Draws a pill-style badge with rounded edges.\n\n  * `pilltype` {`\"pill-color\" | \"pill-outline\" | \"badge-color\"`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "variant",
          "description": "`variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"brand\" | \"blue-light\" | \"blue\" | \"indigo\" | \"purple\" | \"pink\" | \"orange\" | \"blue-gray\" | \"gray-blue\"`} - The badge's theme variant.\n\nProperty: variant\n\nDefault: normal",
          "values": [
            {
              "name": "primary"
            },
            {
              "name": "success"
            },
            {
              "name": "normal"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "info"
            },
            {
              "name": "gray"
            },
            {
              "name": "brand"
            },
            {
              "name": "blue-light"
            },
            {
              "name": "blue"
            },
            {
              "name": "indigo"
            },
            {
              "name": "purple"
            },
            {
              "name": "pink"
            },
            {
              "name": "orange"
            },
            {
              "name": "blue-gray"
            },
            {
              "name": "gray-blue"
            }
          ]
        },
        {
          "name": "rounded",
          "description": "`rounded` {`boolean`} - Draws a pill-style badge with rounded edges.\n\nProperty: rounded\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "pilltype",
          "description": "`pilltype` {`\"pill-color\" | \"pill-outline\" | \"badge-color\"`} - \n\nProperty: pilltype\n\nDefault: badge-color",
          "values": [
            {
              "name": "pill-color"
            },
            {
              "name": "pill-outline"
            },
            {
              "name": "badge-color"
            }
          ]
        },
        {
          "name": "onnile-remove",
          "description": "`nile-remove` {} - Emitted when the remove button is activated."
        }
      ]
    },
    {
      "name": "nile-breadcrumb-item",
      "description": "Nile BreadCrumb Item component.\n\nAttributes:\n\n  * `separator` {`string`} - Render method\n\nProperties:\n\n  * `isLast` {`boolean`} - \n\n  * `separator` {`string`} - Render method\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "separator",
          "description": "`separator` {`string`} - Render method\n\nProperty: separator\n\nDefault: var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))"
        }
      ]
    },
    {
      "name": "nile-breadcrumb",
      "description": "Nile BreadCrumb component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": []
    },
    {
      "name": "nile-button-filter",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `values` - Disables the duplicate entries.\n\nProperties:\n\n  * `values` - Disables the duplicate entries.\n\n  * `isOpen` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "values",
          "description": "`values` - Disables the duplicate entries.\n\nProperty: values\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-button-toggle-group",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `disabled` {`boolean`} - \n\n  * `value` {`String | String[]`} - \n\n  * `multiple` {`boolean`} - \n\n  * `disableUserInput` {`Boolean`} - \n\n  * `emptyDefault` {`boolean`} - \n\nProperties:\n\n  * `toggles` {`NodeListOf<NileButtonToggle>`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `disabled` {`boolean`} - \n\n  * `value` {`String | String[]`} - \n\n  * `multiple` {`boolean`} - \n\n  * `disableUserInput` {`Boolean`} - \n\n  * `emptyDefault` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "value",
          "description": "`value` {`String | String[]`} - \n\nProperty: value\n\nDefault: ",
          "values": []
        },
        {
          "name": "multiple",
          "description": "`multiple` {`boolean`} - \n\nProperty: multiple\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disableUserInput",
          "description": "`disableUserInput` {`Boolean`} - \n\nProperty: disableUserInput\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "emptyDefault",
          "description": "`emptyDefault` {`boolean`} - \n\nProperty: emptyDefault\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-button-toggle",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `active` {`boolean`} - \n\n  * `initial` {`boolean`} - \n\n  * `middle` {`boolean`} - \n\n  * `end` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `value` {`string`} - \n\nProperties:\n\n  * `active` {`boolean`} - \n\n  * `initial` {`boolean`} - \n\n  * `middle` {`boolean`} - \n\n  * `end` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "active",
          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "initial",
          "description": "`initial` {`boolean`} - \n\nProperty: initial\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "middle",
          "description": "`middle` {`boolean`} - \n\nProperty: middle\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "end",
          "description": "`end` {`boolean`} - \n\nProperty: end\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "value",
          "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-button",
      "description": "Events:\n\n  * `nile-blur` {} - Emitted when the button loses focus.\n\n  * `nile-focus` {} - Emitted when the button gains focus.\n\n  * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\nSlots:\n\n  * ` ` {} - The button's label.\n\n  * `prefix` {} - A presentational prefix icon or similar element.\n\n  * `suffix` {} - A presentational suffix icon or similar element.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `variant` {`\"primary\" | \"secondary\" | \"tertiary\" | \"caution\" | \"ghost\" | \"destructive\" | \"secondary-grey\" | \"secondary-blue\"`} - The button's theme variant.\n\n  * `caret` {`boolean`} - Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.\n\n  * `loading` {`boolean`} - Draws the button in a loading state.\n\n  * `outline` {`boolean`} - Draws an outlined button.\n\n  * `pill` {`boolean`} - Draws a pill-style button with rounded edges.\n\n  * `circle` {`boolean`} - Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\ndefault slot.\n\n  * `type` {`\"button\" | \"submit\" | \"reset\"`} - The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n\n  * `href` {`string`} - When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`} - Tells the browser where to open the link. Only used when `href` is present.\n\n  * `rel` {`string`} - When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.\n\n  * `download` {`string | undefined`} - Tells the browser to download the linked file as this filename. Only used when `href` is present.\n\n  * `formaction` {`string`} - Used to override the form owner's `action` attribute.\n\n  * `formenctype` {`\"application/x-www-form-urlencoded\" | \"multipart/form-data\" | \"text/plain\"`} - Used to override the form owner's `enctype` attribute.\n\n  * `formmethod` {`\"post\" | \"get\"`} - Used to override the form owner's `method` attribute.\n\n  * `formnovalidate` {`boolean`} - Used to override the form owner's `novalidate` attribute.\n\n  * `formtarget` {`string`} - Used to override the form owner's `target` attribute.\n\n  * `hide-border` {`boolean`} - \n\n  * `name` {`string`} - The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.\n\n  * `value` {`string`} - The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.\n\n  * `disabled` {`boolean`} - Disables the button.\n\n  * `form` {`string`} - The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `button` {`HTMLButtonElement | HTMLLinkElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `invalid` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `variant` {`\"primary\" | \"secondary\" | \"tertiary\" | \"caution\" | \"ghost\" | \"destructive\" | \"secondary-grey\" | \"secondary-blue\"`} - The button's theme variant.\n\n  * `size` {`string`} - The button's size.\n\n  * `caret` {`boolean`} - Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.\n\n  * `loading` {`boolean`} - Draws the button in a loading state.\n\n  * `outline` {`boolean`} - Draws an outlined button.\n\n  * `pill` {`boolean`} - Draws a pill-style button with rounded edges.\n\n  * `circle` {`boolean`} - Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\ndefault slot.\n\n  * `type` {`\"button\" | \"submit\" | \"reset\"`} - The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n\n  * `href` {`string`} - When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`} - Tells the browser where to open the link. Only used when `href` is present.\n\n  * `rel` {`string`} - When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.\n\n  * `download` {`string | undefined`} - Tells the browser to download the linked file as this filename. Only used when `href` is present.\n\n  * `formAction` {`string`} - Used to override the form owner's `action` attribute.\n\n  * `formEnctype` {`\"application/x-www-form-urlencoded\" | \"multipart/form-data\" | \"text/plain\"`} - Used to override the form owner's `enctype` attribute.\n\n  * `formMethod` {`\"post\" | \"get\"`} - Used to override the form owner's `method` attribute.\n\n  * `formNoValidate` {`boolean`} - Used to override the form owner's `novalidate` attribute.\n\n  * `formTarget` {`string`} - Used to override the form owner's `target` attribute.\n\n  * `hideBorder` {`boolean`} - \n\n  * `name` {`string`} - The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.\n\n  * `value` {`string`} - The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.\n\n  * `disabled` {`boolean`} - Disables the button.\n\n  * `defaultValue` {`unknown`} - \n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.\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 | undefined`} - \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": "title",
          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: "
        },
        {
          "name": "variant",
          "description": "`variant` {`\"primary\" | \"secondary\" | \"tertiary\" | \"caution\" | \"ghost\" | \"destructive\" | \"secondary-grey\" | \"secondary-blue\"`} - The button's theme variant.\n\nProperty: variant\n\nDefault: primary",
          "values": [
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "caution"
            },
            {
              "name": "ghost"
            },
            {
              "name": "destructive"
            },
            {
              "name": "secondary-grey"
            },
            {
              "name": "secondary-blue"
            }
          ]
        },
        {
          "name": "caret",
          "description": "`caret` {`boolean`} - Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.\n\nProperty: caret\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "loading",
          "description": "`loading` {`boolean`} - Draws the button in a loading state.\n\nProperty: loading\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "outline",
          "description": "`outline` {`boolean`} - Draws an outlined button.\n\nProperty: outline\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "pill",
          "description": "`pill` {`boolean`} - Draws a pill-style button with rounded edges.\n\nProperty: pill\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "circle",
          "description": "`circle` {`boolean`} - Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\ndefault slot.\n\nProperty: circle\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "type",
          "description": "`type` {`\"button\" | \"submit\" | \"reset\"`} - The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n\nProperty: type\n\nDefault: button",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "submit"
            },
            {
              "name": "reset"
            }
          ]
        },
        {
          "name": "href",
          "description": "`href` {`string`} - When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.\n\nProperty: href\n\nDefault: "
        },
        {
          "name": "target",
          "description": "`target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`} - Tells the browser where to open the link. Only used when `href` is present.\n\nProperty: target",
          "values": [
            {
              "name": "_blank"
            },
            {
              "name": "_parent"
            },
            {
              "name": "_self"
            },
            {
              "name": "_top"
            }
          ]
        },
        {
          "name": "rel",
          "description": "`rel` {`string`} - When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.\n\nProperty: rel\n\nDefault: noreferrer noopener"
        },
        {
          "name": "download",
          "description": "`download` {`string | undefined`} - Tells the browser to download the linked file as this filename. Only used when `href` is present.\n\nProperty: download",
          "values": []
        },
        {
          "name": "formaction",
          "description": "`formaction` {`string`} - Used to override the form owner's `action` attribute.\n\nProperty: formAction"
        },
        {
          "name": "formenctype",
          "description": "`formenctype` {`\"application/x-www-form-urlencoded\" | \"multipart/form-data\" | \"text/plain\"`} - Used to override the form owner's `enctype` attribute.\n\nProperty: formEnctype",
          "values": [
            {
              "name": "application/x-www-form-urlencoded"
            },
            {
              "name": "multipart/form-data"
            },
            {
              "name": "text/plain"
            }
          ]
        },
        {
          "name": "formmethod",
          "description": "`formmethod` {`\"post\" | \"get\"`} - Used to override the form owner's `method` attribute.\n\nProperty: formMethod",
          "values": [
            {
              "name": "post"
            },
            {
              "name": "get"
            }
          ]
        },
        {
          "name": "formnovalidate",
          "description": "`formnovalidate` {`boolean`} - Used to override the form owner's `novalidate` attribute.\n\nProperty: formNoValidate",
          "valueSet": "v"
        },
        {
          "name": "formtarget",
          "description": "`formtarget` {`string`} - Used to override the form owner's `target` attribute.\n\nProperty: formTarget"
        },
        {
          "name": "hide-border",
          "description": "`hide-border` {`boolean`} - \n\nProperty: hideBorder\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "name",
          "description": "`name` {`string`} - The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`string`} - The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the button.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "form",
          "description": "`form` {`string`} - The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.\n\nProperty: form"
        },
        {
          "name": "onnile-blur",
          "description": "`nile-blur` {} - Emitted when the button loses focus."
        },
        {
          "name": "onnile-focus",
          "description": "`nile-focus` {} - Emitted when the button gains focus."
        },
        {
          "name": "onnile-invalid",
          "description": "`nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied."
        }
      ]
    },
    {
      "name": "nile-calendar",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `value` {`string | null`} - \n\n  * `allowedDates` {`string`} - \n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `selectedUnit` {`TimeUnits`} - \n\n  * `selectedValue` {`number`} - \n\n  * `hide-duration-fields` {`String[]`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `valueAttribute` {`string | null`} - \n\n  * `allowedDates` {`string`} - \n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `selectedUnit` {`TimeUnits`} - \n\n  * `selectedValue` {`number`} - \n\n  * `hideDurationFields` {`String[]`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `startDate` {`Date | null`} - \n\n  * `endDate` {`Date | null`} - \n\n  * `isSelectingStart` {`boolean`} - \n\n  * `hideInput` {`Boolean`} - \n\n  * `value` {`Date | null`} - \n\n  * `currentMonth` {`number`} - \n\n  * `currentYear` {`number`} - \n\n  * `allowedDatesLocal` - \n\n  * `disabled` {`boolean`} - \n\n  * `monthNames` {`string[]`} - \n\n  * `yearOptions` {`number[]`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`string | null`} - \n\nProperty: valueAttribute\n\nDefault: null",
          "values": []
        },
        {
          "name": "allowedDates",
          "description": "`allowedDates` {`string`} - \n\nProperty: allowedDates\n\nDefault: JSON.stringify({})"
        },
        {
          "name": "range",
          "description": "`range` {`boolean`} - \n\nProperty: range\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hideTypes",
          "description": "`hideTypes` {`boolean`} - \n\nProperty: hideTypes\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "doubleClickUnselect",
          "description": "`doubleClickUnselect` {`boolean`} - \n\nProperty: doubleClickUnselect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowClear",
          "description": "`allowClear` {`boolean`} - \n\nProperty: allowClear\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "type",
          "description": "`type` {`\"absolute\" | \"relative\"`} - \n\nProperty: type\n\nDefault: absolute",
          "values": [
            {
              "name": "absolute"
            },
            {
              "name": "relative"
            }
          ]
        },
        {
          "name": "selectedUnit",
          "description": "`selectedUnit` {`TimeUnits`} - \n\nProperty: selectedUnit",
          "values": [
            {
              "name": "minutes"
            },
            {
              "name": "hours"
            },
            {
              "name": "days"
            },
            {
              "name": "weeks"
            },
            {
              "name": "months"
            }
          ]
        },
        {
          "name": "selectedValue",
          "description": "`selectedValue` {`number`} - \n\nProperty: selectedValue"
        },
        {
          "name": "hide-duration-fields",
          "description": "`hide-duration-fields` {`String[]`} - \n\nProperty: hideDurationFields\n\nDefault: "
        },
        {
          "name": "showManualInputs",
          "description": "`showManualInputs` {`boolean`} - \n\nProperty: showManualInputs\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "startYear",
          "description": "`startYear` {`number`} - \n\nProperty: startYear"
        },
        {
          "name": "endYear",
          "description": "`endYear` {`number`} - \n\nProperty: endYear"
        },
        {
          "name": "showMonthDropdown",
          "description": "`showMonthDropdown` {`boolean`} - \n\nProperty: showMonthDropdown\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "showYearDropdown",
          "description": "`showYearDropdown` {`boolean`} - \n\nProperty: showYearDropdown\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "dateFormat",
          "description": "`dateFormat` {`string`} - \n\nProperty: dateFormat\n\nDefault: MM/DD/YYYY"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-card",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "active",
          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-carousel-item",
      "description": "Nile carousel-item component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": []
    },
    {
      "name": "nile-carousel",
      "description": "Attributes:\n\n  * `navigation` {`boolean`} - \n\n  * `pagination` {`boolean`} - \n\n  * `loop` {`boolean`} - \n\n  * `navigation-position` {`\"sides\" | \"top-right\"`} - \n\n  * `slides-per-page` {`number`} - \n\n  * `slides-per-move` {`number`} - \n\nProperties:\n\n  * `styles` {`CSSResultArray`} - \n\n  * `navigation` {`boolean`} - \n\n  * `pagination` {`boolean`} - \n\n  * `loop` {`boolean`} - \n\n  * `navigationPosition` {`\"sides\" | \"top-right\"`} - \n\n  * `slidesPerPage` {`number`} - \n\n  * `slidesPerMove` {`number`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `paginationContainer` {`HTMLElement`} - \n\n  * `activeSlide` {`number`} - \n\n  * `scrolling` {`boolean`} - \n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `pendingSlideChange` {`boolean`} - \n\n  * `handleScroll` - \n\n  * `handleScrollEnd` - \n\n  * `handleSlotChange` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "navigation",
          "description": "`navigation` {`boolean`} - \n\nProperty: navigation\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "pagination",
          "description": "`pagination` {`boolean`} - \n\nProperty: pagination\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "loop",
          "description": "`loop` {`boolean`} - \n\nProperty: loop\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "navigation-position",
          "description": "`navigation-position` {`\"sides\" | \"top-right\"`} - \n\nProperty: navigationPosition\n\nDefault: sides",
          "values": [
            {
              "name": "sides"
            },
            {
              "name": "top-right"
            }
          ]
        },
        {
          "name": "slides-per-page",
          "description": "`slides-per-page` {`number`} - \n\nProperty: slidesPerPage\n\nDefault: 1"
        },
        {
          "name": "slides-per-move",
          "description": "`slides-per-move` {`number`} - \n\nProperty: slidesPerMove\n\nDefault: 1"
        }
      ]
    },
    {
      "name": "nile-checkbox-group",
      "description": "Events:\n\n  * `change` {} - Emitted when the checkbox group's selected values change.\n\n  * `input` {} - Emitted when the checkbox group receives user input.\n\nSlots:\n\n  * ` ` {} - The default slot where `<nile-checkbox>` elements are placed (slotted mode).\n\n  * `label` {} - The checkbox group's label. Required for proper accessibility. Alternatively, use the `label` attribute.\n\nAttributes:\n\n  * `label` {`string`} - The checkbox group's label. Required for proper accessibility.\n\n  * `name` {`string`} - The name of the checkbox group, submitted as a name/value pair with form data.\n\n  * `value` {`string[]`} - The current selected values, as an array of checkbox value strings.\n\n  * `for` {`string`} - Group name for property-based association. When set, the group discovers\ncheckboxes anywhere in the DOM that have a matching `group` attribute\ninstead of relying on slotted children.\n\n  * `form` {`string`} - Associates the group with a `<form>` element by its `id`. The form must\nbe in the same document or shadow root.\n\n  * `required` {`boolean`} - At least one checkbox must be checked before the form can submit.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Layout direction of the checkboxes.\n\n  * `labelInline` {`boolean`} - Display checkboxes in an inline (horizontal) layout. Alias for orientation=\"horizontal\".\n\n  * `disabled` {`boolean`} - Disables all associated checkboxes.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `max` {`number | undefined`} - Maximum number of checkboxes that can be checked. Unchecked boxes are disabled when the limit is reached.\n\n  * `min` {`number | undefined`} - Minimum selections required for validation.\n\n  * `bordered` {`boolean`} - Shows a visible border around the fieldset wrapper.\n\n  * `legend` {`string`} - Legend text displayed at the top of the fieldset when bordered is enabled.\n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `boundDocumentListener` - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `defaultValue` {`string[]`} - \n\n  * `label` {`string`} - The checkbox group's label. Required for proper accessibility.\n\n  * `name` {`string`} - The name of the checkbox group, submitted as a name/value pair with form data.\n\n  * `value` {`string[]`} - The current selected values, as an array of checkbox value strings.\n\n  * `for` {`string`} - Group name for property-based association. When set, the group discovers\ncheckboxes anywhere in the DOM that have a matching `group` attribute\ninstead of relying on slotted children.\n\n  * `form` {`string`} - Associates the group with a `<form>` element by its `id`. The form must\nbe in the same document or shadow root.\n\n  * `required` {`boolean`} - At least one checkbox must be checked before the form can submit.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Layout direction of the checkboxes.\n\n  * `labelInline` {`boolean`} - Display checkboxes in an inline (horizontal) layout. Alias for orientation=\"horizontal\".\n\n  * `disabled` {`boolean`} - Disables all associated checkboxes.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `max` {`number | undefined`} - Maximum number of checkboxes that can be checked. Unchecked boxes are disabled when the limit is reached.\n\n  * `min` {`number | undefined`} - Minimum selections required for validation.\n\n  * `bordered` {`boolean`} - Shows a visible border around the fieldset wrapper.\n\n  * `legend` {`string`} - Legend text displayed at the top of the fieldset when bordered is enabled.\n\n  * `isHorizontal` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "label",
          "description": "`label` {`string`} - The checkbox group's label. Required for proper accessibility.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "name",
          "description": "`name` {`string`} - The name of the checkbox group, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`string[]`} - The current selected values, as an array of checkbox value strings.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "for",
          "description": "`for` {`string`} - Group name for property-based association. When set, the group discovers\ncheckboxes anywhere in the DOM that have a matching `group` attribute\ninstead of relying on slotted children.\n\nProperty: for\n\nDefault: "
        },
        {
          "name": "form",
          "description": "`form` {`string`} - Associates the group with a `<form>` element by its `id`. The form must\nbe in the same document or shadow root.\n\nProperty: form\n\nDefault: "
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - At least one checkbox must be checked before the form can submit.\n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "orientation",
          "description": "`orientation` {`\"vertical\" | \"horizontal\"`} - Layout direction of the checkboxes.\n\nProperty: orientation\n\nDefault: vertical",
          "values": [
            {
              "name": "vertical"
            },
            {
              "name": "horizontal"
            }
          ]
        },
        {
          "name": "labelInline",
          "description": "`labelInline` {`boolean`} - Display checkboxes in an inline (horizontal) layout. Alias for orientation=\"horizontal\".\n\nProperty: labelInline\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables all associated checkboxes.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "helpText",
          "description": "`helpText` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "errorMessage",
          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "max",
          "description": "`max` {`number | undefined`} - Maximum number of checkboxes that can be checked. Unchecked boxes are disabled when the limit is reached.\n\nProperty: max",
          "values": []
        },
        {
          "name": "min",
          "description": "`min` {`number | undefined`} - Minimum selections required for validation.\n\nProperty: min",
          "values": []
        },
        {
          "name": "bordered",
          "description": "`bordered` {`boolean`} - Shows a visible border around the fieldset wrapper.\n\nProperty: bordered\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "legend",
          "description": "`legend` {`string`} - Legend text displayed at the top of the fieldset when bordered is enabled.\n\nProperty: legend\n\nDefault: "
        },
        {
          "name": "onchange",
          "description": "`change` {} - Emitted when the checkbox group's selected values change."
        },
        {
          "name": "oninput",
          "description": "`input` {} - Emitted when the checkbox group receives user input."
        }
      ]
    },
    {
      "name": "nile-checkbox",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `name` {`string`} - The name of the checkbox, submitted as a name/value pair with form data.\n\n  * `value` {`boolean`} - The current value of the checkbox, submitted as a name/value pair with form data.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The checkbox's size.\n\n  * `disabled` {`boolean`} - Disables the checkbox.\n\n  * `checked` {`boolean`} - Draws the checkbox in a checked state.\n\n  * `label` {`string`} - Label, declared this property for backward compatibility of old component\n\n  * `indeterminate` {`boolean`} - Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `showHelpText` {`boolean`} - \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  * `group` {`string`} - Associates this checkbox with a nile-checkbox-group via a shared group name.\n\n  * `required` {`boolean`} - Makes the checkbox a required field.\n\nProperties:\n\n  * `styles` - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `name` {`string`} - The name of the checkbox, submitted as a name/value pair with form data.\n\n  * `value` {`boolean`} - The current value of the checkbox, submitted as a name/value pair with form data.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The checkbox's size.\n\n  * `disabled` {`boolean`} - Disables the checkbox.\n\n  * `checked` {`boolean`} - Draws the checkbox in a checked state.\n\n  * `label` {`string`} - Label, declared this property for backward compatibility of old component\n\n  * `indeterminate` {`boolean`} - Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.\n\n  * `defaultChecked` {`boolean`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `showHelpText` {`boolean`} - \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  * `group` {`string`} - Associates this checkbox with a nile-checkbox-group via a shared group name.\n\n  * `required` {`boolean`} - Makes the checkbox a required field.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "title",
          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: "
        },
        {
          "name": "name",
          "description": "`name` {`string`} - The name of the checkbox, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`boolean`} - The current value of the checkbox, submitted as a name/value pair with form data.\n\nProperty: value",
          "valueSet": "v"
        },
        {
          "name": "size",
          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The checkbox's size.\n\nProperty: size\n\nDefault: medium",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "medium"
            },
            {
              "name": "large"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the checkbox.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "checked",
          "description": "`checked` {`boolean`} - Draws the checkbox in a checked state.\n\nProperty: checked\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - Label, declared this property for backward compatibility of old component\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "indeterminate",
          "description": "`indeterminate` {`boolean`} - Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.\n\nProperty: indeterminate\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "showHelpText",
          "description": "`showHelpText` {`boolean`} - \n\nProperty: showHelpText\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "form",
          "description": "`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\nProperty: form\n\nDefault: "
        },
        {
          "name": "group",
          "description": "`group` {`string`} - Associates this checkbox with a nile-checkbox-group via a shared group name.\n\nProperty: group\n\nDefault: "
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - Makes the checkbox a required field.\n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-chip",
      "description": "Attributes:\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `noAutoComplete` {`boolean`} - \n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `noDuplicates` {`boolean`} - Disables the duplicate entries.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `tagVariant` {`string`} - \n\n  * `acceptUserInput` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `addOnBlur` {`boolean`} - When true, adds a chip when the input loses focus or when clicking outside the component. Only works when acceptUserInput is true.\n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `portal` {`boolean`} - When true, the dropdown menu 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  * `enableVirtualScroll` {`boolean`} - Virtual scroll in  dropdown options.\n\n  * `autoCompleteOptions` {`any[]`} - \n\n  * `filteredAutoCompleteOptions` {`any[]`} - \n\n  * `value` {`any[]`} - \n\n  * `noWrap` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `errorIndexes` {`number[]`} - \n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `showTooltip` {`boolean`} - \n\n  * `enableTagDelete` {`boolean`} - \n\n  * `required` {`boolean`} - \n\n  * `openDropdownOnFocus` {`boolean`} - \n\n  * `noDropdownClose` {`boolean`} - \n\nProperties:\n\n  * `hasSlotController` - \n\n  * `tags` {`string[]`} - \n\n  * `inputValue` {`string`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `tooltips` {`(string | null)[]`} - \n\n  * `chipFocusIndex` {`number | null`} - \n\n  * `autoComplete` - \n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `noAutoComplete` {`boolean`} - \n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `noDuplicates` {`boolean`} - Disables the duplicate entries.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `tagVariant` {`string`} - \n\n  * `acceptUserInput` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `addOnBlur` {`boolean`} - When true, adds a chip when the input loses focus or when clicking outside the component. Only works when acceptUserInput is true.\n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `portal` {`boolean`} - When true, the dropdown menu 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  * `enableVirtualScroll` {`boolean`} - Virtual scroll in  dropdown options.\n\n  * `autoCompleteOptions` {`any[]`} - \n\n  * `filteredAutoCompleteOptions` {`any[]`} - \n\n  * `value` {`any[]`} - \n\n  * `noWrap` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `errorIndexes` {`number[]`} - \n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `filterFunction` - \n\n  * `renderItemFunction` - \n\n  * `visibilityManager` - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `showTooltip` {`boolean`} - \n\n  * `enableTagDelete` {`boolean`} - \n\n  * `required` {`boolean`} - \n\n  * `openDropdownOnFocus` {`boolean`} - \n\n  * `noDropdownClose` {`boolean`} - \n\n  * `isSelectingFromDropdown` {`boolean`} - \n\n  * `handleDocumentClick` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "warning",
          "description": "`warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\nProperty: warning\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noAutoComplete",
          "description": "`noAutoComplete` {`boolean`} - \n\nProperty: noAutoComplete\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "success",
          "description": "`success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\nProperty: success\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noDuplicates",
          "description": "`noDuplicates` {`boolean`} - Disables the duplicate entries.\n\nProperty: noDuplicates\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "tagVariant",
          "description": "`tagVariant` {`string`} - \n\nProperty: tagVariant\n\nDefault: "
        },
        {
          "name": "acceptUserInput",
          "description": "`acceptUserInput` {`boolean`} - Adds a clear button when the input is not empty.\n\nProperty: acceptUserInput\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "addOnBlur",
          "description": "`addOnBlur` {`boolean`} - When true, adds a chip when the input loses focus or when clicking outside the component. Only works when acceptUserInput is true.\n\nProperty: addOnBlur\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "clearable",
          "description": "`clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\nProperty: clearable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\nProperty: placeholder\n\nDefault: type here..."
        },
        {
          "name": "readonly",
          "description": "`readonly` {`boolean`} - Makes the input readonly.\n\nProperty: readonly\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "portal",
          "description": "`portal` {`boolean`} - When true, the dropdown menu 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: portal\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableVirtualScroll",
          "description": "`enableVirtualScroll` {`boolean`} - Virtual scroll in  dropdown options.\n\nProperty: enableVirtualScroll\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "autoCompleteOptions",
          "description": "`autoCompleteOptions` {`any[]`} - \n\nProperty: autoCompleteOptions\n\nDefault: "
        },
        {
          "name": "filteredAutoCompleteOptions",
          "description": "`filteredAutoCompleteOptions` {`any[]`} - \n\nProperty: filteredAutoCompleteOptions\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`any[]`} - \n\nProperty: value\n\nDefault: "
        },
        {
          "name": "noWrap",
          "description": "`noWrap` {`boolean`} - \n\nProperty: noWrap\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "loading",
          "description": "`loading` {`boolean`} - \n\nProperty: loading\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "errorIndexes",
          "description": "`errorIndexes` {`number[]`} - \n\nProperty: errorIndexes\n\nDefault: "
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "showTooltip",
          "description": "`showTooltip` {`boolean`} - \n\nProperty: showTooltip\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTagDelete",
          "description": "`enableTagDelete` {`boolean`} - \n\nProperty: enableTagDelete\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - \n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "openDropdownOnFocus",
          "description": "`openDropdownOnFocus` {`boolean`} - \n\nProperty: openDropdownOnFocus\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "noDropdownClose",
          "description": "`noDropdownClose` {`boolean`} - \n\nProperty: noDropdownClose\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-circular-progressbar",
      "description": "Attributes:\n\n  * `value` {`number`} - \n\n  * `content` {`string | undefined`} - \n\n  * `size` {`number`} - \n\nProperties:\n\n  * `progressCircle` {`SVGCircleElement`} - \n\n  * `value` {`number`} - \n\n  * `isInvalidValue` {`boolean`} - \n\n  * `content` {`string | undefined`} - \n\n  * `size` {`number`} - \n\n  * `circleSize` {`{ radius: number; viewBox: number; fontSize: string; }`} - \n\n  * `override` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`number`} - \n\nProperty: value\n\nDefault: 0"
        },
        {
          "name": "content",
          "description": "`content` {`string | undefined`} - \n\nProperty: content",
          "values": []
        },
        {
          "name": "size",
          "description": "`size` {`number`} - \n\nProperty: size\n\nDefault: 40"
        }
      ]
    },
    {
      "name": "nile-code-editor",
      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-focus` {`Event`} - \n\n  * `nile-blur` {`Event`} - \n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `error-message` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `hideReadOnlyCursor` {`boolean`} - \n\nProperties:\n\n  * `codeEditor` {`HTMLInputElement`} - \n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `errorMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `disableSyntaxHighlighting` {`boolean`} - \n\n  * `customThemeCSS` {`object | null`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `autoCompleteStyle` {`{ width?: string | undefined; multiline?: boolean | undefined; } | undefined`} - \n\n  * `hideReadOnlyCursor` {`boolean`} - \n\n  * `view` - \n\n  * `viewState` - \n\n  * `timeOut` - \n\n  * `resizeObserver` - \n\n  * `lineNumbersComp` - \n\n  * `restrictSingleLineComp` - \n\n  * `readOnlyComp` - \n\n  * `customCompletionComp` - \n\n  * `placeholderComp` - \n\n  * `defaultSyntaxHighlightingComp` - \n\n  * `themeComp` - \n\n  * `autoCompletionComp` - \n\n  * `autoCompleteStyleComp` - \n\n  * `isSpacePressed` {`boolean`} - \n\n  * `customAutocomplete` - Custom autocomplete handler for code editor suggestions\n\n  * `insertBetweenCode` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: "
        },
        {
          "name": "expandIcon",
          "description": "`expandIcon` {`string`} - \n\nProperty: expandIcon\n\nDefault: var(--nile-icon-expand-2, var(--ng-icon-expand-06))"
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - \n\nProperty: placeholder\n\nDefault: "
        },
        {
          "name": "customAutoCompletions",
          "description": "`customAutoCompletions` - \n\nProperty: customAutoCompletions\n\nDefault: [object Object]"
        },
        {
          "name": "customCompletionsPaths",
          "description": "`customCompletionsPaths` {`string[]`} - \n\nProperty: customCompletionsPaths\n\nDefault: "
        },
        {
          "name": "language",
          "description": "`language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\nProperty: language\n\nDefault: javascript",
          "values": [
            {
              "name": "html"
            },
            {
              "name": "javascript"
            },
            {
              "name": "sql"
            },
            {
              "name": "json"
            }
          ]
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - \n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableSearch",
          "description": "`enableSearch` {`boolean`} - \n\nProperty: enableSearch\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noborder",
          "description": "`noborder` {`boolean`} - \n\nProperty: noborder\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "multiline",
          "description": "`multiline` {`boolean`} - \n\nProperty: multiline\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableFoldGutters",
          "description": "`enableFoldGutters` {`boolean`} - \n\nProperty: enableFoldGutters\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowVariableInCustomSuggestion",
          "description": "`allowVariableInCustomSuggestion` {`boolean`} - \n\nProperty: allowVariableInCustomSuggestion\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "lineNumbers",
          "description": "`lineNumbers` {`boolean`} - \n\nProperty: lineNumbers\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "lineNumbersMultiline",
          "description": "`lineNumbersMultiline` {`boolean`} - \n\nProperty: lineNumbersMultiline\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "hasScroller",
          "description": "`hasScroller` {`boolean`} - \n\nProperty: hasScroller\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "expandable",
          "description": "`expandable` {`boolean`} - \n\nProperty: expandable\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "readonly",
          "description": "`readonly` {`boolean`} - \n\nProperty: readonly\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "debounce",
          "description": "`debounce` {`boolean`} - \n\nProperty: debounce\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "debounceTimeout",
          "description": "`debounceTimeout` {`number`} - \n\nProperty: debounceTimeout\n\nDefault: 200"
        },
        {
          "name": "aboveCursor",
          "description": "`aboveCursor` {`boolean`} - \n\nProperty: aboveCursor\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "tabCompletion",
          "description": "`tabCompletion` {`boolean`} - \n\nProperty: tabCompletion\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "defaultFont",
          "description": "`defaultFont` {`boolean`} - \n\nProperty: defaultFont\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hideReadOnlyCursor",
          "description": "`hideReadOnlyCursor` {`boolean`} - \n\nProperty: hideReadOnlyCursor\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-focus",
          "description": "`nile-focus` {`Event`} - "
        },
        {
          "name": "onnile-blur",
          "description": "`nile-blur` {`Event`} - "
        }
      ]
    },
    {
      "name": "nile-color-picker",
      "description": "Events:\n\n  * `nile-change` {`CustomEvent<{ value: string; }>`} - \n\nAttributes:\n\n  * `type` {`ColorPickerType`} - \n\n  * `value` {`string`} - Currently selected hex color value.\n\n  * `swatchTooltip` {`SwatchTooltip`} - What to show in swatch tooltips.\n\n  * `recentColorsCount` {`number`} - How many recent/custom colors to display.\n\n  * `noFill` {`boolean`} - Show a \"No Fill\" button (useful for background-color use cases).\n\n  * `mode` {`ColorPickerMode`} - \n\n  * `showCanvas` {`boolean`} - Show the SV gradient canvas (the large colour area). Applies when type=\"picker\".\n\n  * `showHue` {`boolean`} - Show the hue slider row (rainbow bar + eyedropper). Applies when type=\"picker\".\n\n  * `showInputs` {`boolean`} - Show the HEX / RGB input row. Applies when type=\"picker\".\n\n  * `showActions` {`boolean`} - Show the Cancel / Okay action buttons. Applies when type=\"picker\".\n\n  * `open` {`boolean`} - \n\n  * `palette` {`PaletteEntry[]`} - Custom palette. Accepts a JSON array of `{ color, name }` objects or plain\nhex strings. Falls back to the built-in palette when empty.\n\nProperties:\n\n  * `type` {`ColorPickerType`} - \n\n  * `value` {`string`} - Currently selected hex color value.\n\n  * `swatchTooltip` {`SwatchTooltip`} - What to show in swatch tooltips.\n\n  * `recentColorsCount` {`number`} - How many recent/custom colors to display.\n\n  * `noFill` {`boolean`} - Show a \"No Fill\" button (useful for background-color use cases).\n\n  * `mode` {`ColorPickerMode`} - \n\n  * `showCanvas` {`boolean`} - Show the SV gradient canvas (the large colour area). Applies when type=\"picker\".\n\n  * `showHue` {`boolean`} - Show the hue slider row (rainbow bar + eyedropper). Applies when type=\"picker\".\n\n  * `showInputs` {`boolean`} - Show the HEX / RGB input row. Applies when type=\"picker\".\n\n  * `showActions` {`boolean`} - Show the Cancel / Okay action buttons. Applies when type=\"picker\".\n\n  * `open` {`boolean`} - \n\n  * `palette` {`PaletteEntry[]`} - Custom palette. Accepts a JSON array of `{ color, name }` objects or plain\nhex strings. Falls back to the built-in palette when empty.\n\n  * `_view` {`ColorPickerType`} - \n\n  * `_recentColors` {`PaletteEntry[]`} - \n\n  * `_hue` {`number`} - \n\n  * `_sat` {`number`} - \n\n  * `_val` {`number`} - \n\n  * `_colorMode` {`\"HEX\" | \"RGB\"`} - \n\n  * `_hexInput` {`string`} - \n\n  * `_r` {`number`} - \n\n  * `_g` {`number`} - \n\n  * `_b` {`number`} - \n\n  * `_svCanvas` {`HTMLCanvasElement | null`} - \n\n  * `_hueCanvas` {`HTMLCanvasElement | null`} - \n\n  * `_draggingSV` {`boolean`} - \n\n  * `_draggingHue` {`boolean`} - \n\n  * `_pendingColor` {`string`} - \n\n  * `_paletteColors` {`PaletteEntry[]`} - \n\n  * `_onSVMouseDown` - \n\n  * `_onHueMouseDown` - \n\n  * `_onGlobalMouseMove` - \n\n  * `_onGlobalMouseUp` - \n\n  * `_onHexInput` - \n\n  * `_onRgbInput` - \n\n  * `_onColorModeSelect` - \n\n  * `_pickEyedropper` - ",
      "attributes": [
        {
          "name": "type",
          "description": "`type` {`ColorPickerType`} - \n\nProperty: type\n\nDefault: swatches",
          "values": [
            {
              "name": "swatches"
            },
            {
              "name": "picker"
            }
          ]
        },
        {
          "name": "value",
          "description": "`value` {`string`} - Currently selected hex color value.\n\nProperty: value\n\nDefault: #000000"
        },
        {
          "name": "swatchTooltip",
          "description": "`swatchTooltip` {`SwatchTooltip`} - What to show in swatch tooltips.\n\nProperty: swatchTooltip\n\nDefault: name",
          "values": [
            {
              "name": "name"
            },
            {
              "name": "value"
            },
            {
              "name": "both"
            }
          ]
        },
        {
          "name": "recentColorsCount",
          "description": "`recentColorsCount` {`number`} - How many recent/custom colors to display.\n\nProperty: recentColorsCount\n\nDefault: 3"
        },
        {
          "name": "noFill",
          "description": "`noFill` {`boolean`} - Show a \"No Fill\" button (useful for background-color use cases).\n\nProperty: noFill\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "mode",
          "description": "`mode` {`ColorPickerMode`} - \n\nProperty: mode\n\nDefault: inline",
          "values": [
            {
              "name": "inline"
            },
            {
              "name": "popover"
            }
          ]
        },
        {
          "name": "showCanvas",
          "description": "`showCanvas` {`boolean`} - Show the SV gradient canvas (the large colour area). Applies when type=\"picker\".\n\nProperty: showCanvas\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "showHue",
          "description": "`showHue` {`boolean`} - Show the hue slider row (rainbow bar + eyedropper). Applies when type=\"picker\".\n\nProperty: showHue\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "showInputs",
          "description": "`showInputs` {`boolean`} - Show the HEX / RGB input row. Applies when type=\"picker\".\n\nProperty: showInputs\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "showActions",
          "description": "`showActions` {`boolean`} - Show the Cancel / Okay action buttons. Applies when type=\"picker\".\n\nProperty: showActions\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "palette",
          "description": "`palette` {`PaletteEntry[]`} - Custom palette. Accepts a JSON array of `{ color, name }` objects or plain\nhex strings. Falls back to the built-in palette when empty.\n\nProperty: palette\n\nDefault: "
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {`CustomEvent<{ value: string; }>`} - "
        }
      ]
    },
    {
      "name": "nile-color-swatch",
      "description": "Attributes:\n\n  * `color` {`string`} - The hex color this swatch represents.\n\n  * `active` {`boolean`} - Whether this swatch is the currently selected color.\n\nProperties:\n\n  * `color` {`string`} - The hex color this swatch represents.\n\n  * `active` {`boolean`} - Whether this swatch is the currently selected color.",
      "attributes": [
        {
          "name": "color",
          "description": "`color` {`string`} - The hex color this swatch represents.\n\nProperty: color\n\nDefault: #000000"
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - Whether this swatch is the currently selected color.\n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-combobox",
      "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 dropdown opens.\n\n  * `nile-after-show` {} - Emitted after the dropdown opens and all animations complete.\n\n  * `nile-hide` {} - Emitted when the dropdown closes.\n\n  * `nile-after-hide` {} - Emitted after the dropdown closes and all animations complete.\n\n  * `nile-search` {} - Emitted (debounced) when the user types. Useful for API-driven filtering.\n\n  * `nile-tag-remove` {} - Emitted when a tag is removed in multi-select mode.\n\n  * `nile-tag-add` {} - Emitted when a custom value is added via allowCustomValue.\n\n  * `nile-scroll-end` {} - Emitted when scrolled to the bottom (for infinite loading).\n\n  * `nile-invalid` {} - Emitted when form validation constraints aren't satisfied.\n\n  * `nile-select-all` {} - Emitted when the Select all / Deselect all control toggles. Detail: { value, name, action: 'select-all' | 'deselect-all' }.\n\nSlots:\n\n  * `label` {} - The input's label.\n\n  * `prefix` {} - Prepend a presentational icon or element before the input.\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/collapsed.\n\n  * `help-text` {} - Text that describes how to use the input.\n\n  * `footer` {} - Custom footer content (overrides default footer in multi-select mode).\n\n  * `no-results` {} - Custom no-results content.\n\nAttributes:\n\n  * `data` {`any[]`} - \n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - \n\n  * `placeholder` {`string`} - \n\n  * `multiple` {`boolean`} - \n\n  * `label` {`string`} - \n\n  * `open` {`boolean`} - \n\n  * `clearable` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `optionsLoading` {`boolean`} - \n\n  * `disableLocalSearch` {`boolean`} - When true, skip local filtering and rely solely on the `nile-search` event for API-driven results.\n\n  * `allowCustomValue` {`boolean`} - When true, displays a \"+ Add [value]\" option for values not in the data.\n\n  * `acceptUserInput` {`boolean`} - When true, typing free text and pressing Enter/Tab adds it as a tag (like nile-chip's acceptUserInput).\n\n  * `addToSuggestions` {`boolean`} - When true, custom values added via allowCustomValue or acceptUserInput are also appended to the suggestions list.\n\n  * `strict` {`boolean`} - When true, value must match an option. On blur, reverts to the last valid value if text doesn't match.\n\n  * `max-tags-visible` {`number`} - Max tags visible before showing \"+N more\" (0 = no limit).\n\n  * `tagLayout` {`ComboboxTagLayout`} - Controls how tags wrap in multi-select mode.\n\n  * `showFooter` {`boolean`} - Show footer with \"Show Selected\" and \"Clear All\" in multi-select mode.\nAutomatically suppressed when `selectAllEnabled` is true, since the top\nactions row already provides the same controls.\n\n  * `select-all-enabled` {`boolean`} - When true (and `multiple` is true), renders a \"Select all\" / \"Deselect all\"\ncheckbox at the top of the listbox. Operates on the currently visible,\nnon-disabled options (respects the active search filter).\n\n  * `sticky-group-header` {`boolean`} - When true (default), data-driven group headers stick to the top of the\nlistbox while scrolling through that group's options (Atlassian-style).\nWorks in both plain and virtualized rendering modes. Set to false for\ninline-only headers that scroll away with their options.\n\n  * `portal` {`boolean`} - \n\n  * `hoist` {`boolean`} - \n\n  * `placement` {`ComboboxPlacement`} - \n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `warning` {`boolean`} - \n\n  * `error` {`boolean`} - \n\n  * `success` {`boolean`} - \n\n  * `filled` {`boolean`} - \n\n  * `pill` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\n  * `no-results-subtitle` {`string`} - \n\n  * `no-data-message` {`string`} - \n\n  * `autoCompleteOptions` {`any[]`} - Pre-defined autocomplete suggestions. Accepts a JSON array string attribute\nor a JS array property (like nile-chip). When `addToSuggestions` is true,\ncustom values added by the user are appended to this list and persisted.\n\n  * `debounceMs` {`number`} - Debounce interval (ms) for the nile-search event.\n\n  * `allowHtmlLabel` {`boolean`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `noWidthSync` {`boolean`} - \n\n  * `grid-columns` {`number`} - Number of columns in the dropdown grid (vertical scroll). When > 1, options render in a multi-column grid layout.\n\n  * `grid-rows` {`number`} - Number of visible rows in horizontal grid mode. When > 0, enables horizontal virtual scroll with columns scrolling left/right.\n\n  * `grid-column-width` {`number`} - Width of each column in horizontal grid mode (px).\n\n  * `name` {`string`} - \n\n  * `value` {`string | string[]`} - \n\n  * `disabled` {`boolean`} - \n\n  * `form` {`string`} - \n\n  * `required` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `portalManager` - \n\n  * `searchManager` - \n\n  * `scrollElementRef` - \n\n  * `virtualizerCtrl` - \n\n  * `hScrollElementRef` - \n\n  * `hVirtualizerCtrl` - \n\n  * `scrollTimeout` {`number | undefined`} - \n\n  * `scrolling` {`boolean`} - \n\n  * `visibilityManager` - \n\n  * `keyboardActiveIndex` {`number`} - \n\n  * `popup` - \n\n  * `combobox` {`HTMLElement`} - \n\n  * `inputElement` {`HTMLInputElement`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `displayLabel` {`string`} - \n\n  * `selectedOptions` {`ComboboxOption[]`} - \n\n  * `filteredData` {`any[]`} - The items displayed after filtering. Renderer reads from this.\n\n  * `filteredRows` {`ComboboxRow[]`} - Mixed (header + option) row list, only populated when `data` contains\ngroup entries (`type: 'group'`). When non-empty, the listbox renders from\nthis instead of `filteredData`. `filteredData` stays in sync as the\noption-only projection so existing select-all / strict-match / etc. logic\nkeeps working unchanged.\n\n  * `originalData` {`any[]`} - The complete unfiltered dataset (preserved for re-filtering).\n\n  * `showNoResults` {`boolean`} - \n\n  * `showListbox` {`boolean`} - \n\n  * `searchValue` {`string`} - \n\n  * `showSelectedOnly` {`boolean`} - \n\n  * `selectAllChecked` {`boolean`} - \n\n  * `selectAllIndeterminate` {`boolean`} - \n\n  * `stickyHeaderIndex` {`number`} - Index into `filteredRows` of the group header that should be pinned at\nthe top of the (virtualized) listbox right now. -1 means none.\nRecomputed on scroll.\n\n  * `data` {`any[]`} - \n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - \n\n  * `placeholder` {`string`} - \n\n  * `multiple` {`boolean`} - \n\n  * `label` {`string`} - \n\n  * `open` {`boolean`} - \n\n  * `clearable` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `optionsLoading` {`boolean`} - \n\n  * `disableLocalSearch` {`boolean`} - When true, skip local filtering and rely solely on the `nile-search` event for API-driven results.\n\n  * `allowCustomValue` {`boolean`} - When true, displays a \"+ Add [value]\" option for values not in the data.\n\n  * `acceptUserInput` {`boolean`} - When true, typing free text and pressing Enter/Tab adds it as a tag (like nile-chip's acceptUserInput).\n\n  * `addToSuggestions` {`boolean`} - When true, custom values added via allowCustomValue or acceptUserInput are also appended to the suggestions list.\n\n  * `strict` {`boolean`} - When true, value must match an option. On blur, reverts to the last valid value if text doesn't match.\n\n  * `maxTagsVisible` {`number`} - Max tags visible before showing \"+N more\" (0 = no limit).\n\n  * `tagLayout` {`ComboboxTagLayout`} - Controls how tags wrap in multi-select mode.\n\n  * `showFooter` {`boolean`} - Show footer with \"Show Selected\" and \"Clear All\" in multi-select mode.\nAutomatically suppressed when `selectAllEnabled` is true, since the top\nactions row already provides the same controls.\n\n  * `selectAllEnabled` {`boolean`} - When true (and `multiple` is true), renders a \"Select all\" / \"Deselect all\"\ncheckbox at the top of the listbox. Operates on the currently visible,\nnon-disabled options (respects the active search filter).\n\n  * `stickyGroupHeader` {`boolean`} - When true (default), data-driven group headers stick to the top of the\nlistbox while scrolling through that group's options (Atlassian-style).\nWorks in both plain and virtualized rendering modes. Set to false for\ninline-only headers that scroll away with their options.\n\n  * `portal` {`boolean`} - \n\n  * `hoist` {`boolean`} - \n\n  * `placement` {`ComboboxPlacement`} - \n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `warning` {`boolean`} - \n\n  * `error` {`boolean`} - \n\n  * `success` {`boolean`} - \n\n  * `filled` {`boolean`} - \n\n  * `pill` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\n  * `noResultsSubtitle` {`string`} - \n\n  * `noDataMessage` {`string`} - \n\n  * `autoCompleteOptions` {`any[]`} - Pre-defined autocomplete suggestions. Accepts a JSON array string attribute\nor a JS array property (like nile-chip). When `addToSuggestions` is true,\ncustom values added by the user are appended to this list and persisted.\n\n  * `debounceMs` {`number`} - Debounce interval (ms) for the nile-search event.\n\n  * `renderItemConfig` {`ComboboxRenderItemConfig | undefined`} - \n\n  * `allowHtmlLabel` {`boolean`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `noWidthSync` {`boolean`} - \n\n  * `gridColumns` {`number`} - Number of columns in the dropdown grid (vertical scroll). When > 1, options render in a multi-column grid layout.\n\n  * `gridRows` {`number`} - Number of visible rows in horizontal grid mode. When > 0, enables horizontal virtual scroll with columns scrolling left/right.\n\n  * `gridColumnWidth` {`number`} - Width of each column in horizontal grid mode (px).\n\n  * `isHorizontalGrid` {`boolean`} - \n\n  * `hasGroupedData` {`boolean`} - True when the source data contains at least one group entry.\n\n  * `hasActiveFilter` {`boolean`} - \n\n  * `isBidirectionalGrid` {`boolean`} - \n\n  * `virtualRowCount` {`number`} - \n\n  * `virtualColumnCount` {`number`} - \n\n  * `lastVirtualizerGrouped` {`boolean`} - \n\n  * `handleDocumentFocusIn` - \n\n  * `handleDocumentKeyDown` - \n\n  * `handleDocumentMouseDown` - \n\n  * `handleWindowError` - \n\n  * `handleWindowResize` - \n\n  * `handleWindowScroll` - \n\n  * `name` {`string`} - \n\n  * `value` {`string | string[]`} - \n\n  * `disabled` {`boolean`} - \n\n  * `defaultValue` {`string | string[]`} - \n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - \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`} - \n\n  * `minlength` {`number | undefined`} - \n\n  * `maxlength` {`number | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \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",
          "description": "`data` {`any[]`} - \n\nProperty: data\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperty: size\n\nDefault: medium",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "medium"
            },
            {
              "name": "large"
            }
          ]
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - \n\nProperty: placeholder\n\nDefault: Type to search..."
        },
        {
          "name": "multiple",
          "description": "`multiple` {`boolean`} - \n\nProperty: multiple\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "clearable",
          "description": "`clearable` {`boolean`} - \n\nProperty: clearable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "loading",
          "description": "`loading` {`boolean`} - \n\nProperty: loading\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "optionsLoading",
          "description": "`optionsLoading` {`boolean`} - \n\nProperty: optionsLoading\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disableLocalSearch",
          "description": "`disableLocalSearch` {`boolean`} - When true, skip local filtering and rely solely on the `nile-search` event for API-driven results.\n\nProperty: disableLocalSearch\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowCustomValue",
          "description": "`allowCustomValue` {`boolean`} - When true, displays a \"+ Add [value]\" option for values not in the data.\n\nProperty: allowCustomValue\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "acceptUserInput",
          "description": "`acceptUserInput` {`boolean`} - When true, typing free text and pressing Enter/Tab adds it as a tag (like nile-chip's acceptUserInput).\n\nProperty: acceptUserInput\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "addToSuggestions",
          "description": "`addToSuggestions` {`boolean`} - When true, custom values added via allowCustomValue or acceptUserInput are also appended to the suggestions list.\n\nProperty: addToSuggestions\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "strict",
          "description": "`strict` {`boolean`} - When true, value must match an option. On blur, reverts to the last valid value if text doesn't match.\n\nProperty: strict\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "max-tags-visible",
          "description": "`max-tags-visible` {`number`} - Max tags visible before showing \"+N more\" (0 = no limit).\n\nProperty: maxTagsVisible\n\nDefault: 3"
        },
        {
          "name": "tagLayout",
          "description": "`tagLayout` {`ComboboxTagLayout`} - Controls how tags wrap in multi-select mode.\n\nProperty: tagLayout\n\nDefault: single-line",
          "values": [
            {
              "name": "single-line"
            },
            {
              "name": "wrap"
            },
            {
              "name": "fixed-height"
            }
          ]
        },
        {
          "name": "showFooter",
          "description": "`showFooter` {`boolean`} - Show footer with \"Show Selected\" and \"Clear All\" in multi-select mode.\nAutomatically suppressed when `selectAllEnabled` is true, since the top\nactions row already provides the same controls.\n\nProperty: showFooter\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "select-all-enabled",
          "description": "`select-all-enabled` {`boolean`} - When true (and `multiple` is true), renders a \"Select all\" / \"Deselect all\"\ncheckbox at the top of the listbox. Operates on the currently visible,\nnon-disabled options (respects the active search filter).\n\nProperty: selectAllEnabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "sticky-group-header",
          "description": "`sticky-group-header` {`boolean`} - When true (default), data-driven group headers stick to the top of the\nlistbox while scrolling through that group's options (Atlassian-style).\nWorks in both plain and virtualized rendering modes. Set to false for\ninline-only headers that scroll away with their options.\n\nProperty: stickyGroupHeader\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "portal",
          "description": "`portal` {`boolean`} - \n\nProperty: portal\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hoist",
          "description": "`hoist` {`boolean`} - \n\nProperty: hoist\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placement",
          "description": "`placement` {`ComboboxPlacement`} - \n\nProperty: placement\n\nDefault: bottom",
          "values": [
            {
              "name": "top"
            },
            {
              "name": "bottom"
            }
          ]
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "warning",
          "description": "`warning` {`boolean`} - \n\nProperty: warning\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - \n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "success",
          "description": "`success` {`boolean`} - \n\nProperty: success\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "filled",
          "description": "`filled` {`boolean`} - \n\nProperty: filled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "pill",
          "description": "`pill` {`boolean`} - \n\nProperty: pill\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noResultsMessage",
          "description": "`noResultsMessage` {`string`} - \n\nProperty: noResultsMessage\n\nDefault: No result found"
        },
        {
          "name": "no-results-subtitle",
          "description": "`no-results-subtitle` {`string`} - \n\nProperty: noResultsSubtitle\n\nDefault: Clear search or change filter"
        },
        {
          "name": "no-data-message",
          "description": "`no-data-message` {`string`} - \n\nProperty: noDataMessage\n\nDefault: No data available"
        },
        {
          "name": "autoCompleteOptions",
          "description": "`autoCompleteOptions` {`any[]`} - Pre-defined autocomplete suggestions. Accepts a JSON array string attribute\nor a JS array property (like nile-chip). When `addToSuggestions` is true,\ncustom values added by the user are appended to this list and persisted.\n\nProperty: autoCompleteOptions\n\nDefault: "
        },
        {
          "name": "debounceMs",
          "description": "`debounceMs` {`number`} - Debounce interval (ms) for the nile-search event.\n\nProperty: debounceMs\n\nDefault: 300"
        },
        {
          "name": "allowHtmlLabel",
          "description": "`allowHtmlLabel` {`boolean`} - \n\nProperty: allowHtmlLabel\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noWidthSync",
          "description": "`noWidthSync` {`boolean`} - \n\nProperty: noWidthSync\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "grid-columns",
          "description": "`grid-columns` {`number`} - Number of columns in the dropdown grid (vertical scroll). When > 1, options render in a multi-column grid layout.\n\nProperty: gridColumns\n\nDefault: 1"
        },
        {
          "name": "grid-rows",
          "description": "`grid-rows` {`number`} - Number of visible rows in horizontal grid mode. When > 0, enables horizontal virtual scroll with columns scrolling left/right.\n\nProperty: gridRows\n\nDefault: 0"
        },
        {
          "name": "grid-column-width",
          "description": "`grid-column-width` {`number`} - Width of each column in horizontal grid mode (px).\n\nProperty: gridColumnWidth\n\nDefault: 160"
        },
        {
          "name": "name",
          "description": "`name` {`string`} - \n\nProperty: name\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`string | string[]`} - \n\nProperty: value\n\nDefault: ",
          "values": []
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "form",
          "description": "`form` {`string`} - \n\nProperty: form\n\nDefault: "
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - \n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {} - Emitted when the control's value changes."
        },
        {
          "name": "onnile-clear",
          "description": "`nile-clear` {} - Emitted when the control's value is cleared."
        },
        {
          "name": "onnile-input",
          "description": "`nile-input` {} - Emitted when the control receives input."
        },
        {
          "name": "onnile-focus",
          "description": "`nile-focus` {} - Emitted when the control gains focus."
        },
        {
          "name": "onnile-blur",
          "description": "`nile-blur` {} - Emitted when the control loses focus."
        },
        {
          "name": "onnile-show",
          "description": "`nile-show` {} - Emitted when the dropdown opens."
        },
        {
          "name": "onnile-after-show",
          "description": "`nile-after-show` {} - Emitted after the dropdown opens and all animations complete."
        },
        {
          "name": "onnile-hide",
          "description": "`nile-hide` {} - Emitted when the dropdown closes."
        },
        {
          "name": "onnile-after-hide",
          "description": "`nile-after-hide` {} - Emitted after the dropdown closes and all animations complete."
        },
        {
          "name": "onnile-search",
          "description": "`nile-search` {} - Emitted (debounced) when the user types. Useful for API-driven filtering."
        },
        {
          "name": "onnile-tag-remove",
          "description": "`nile-tag-remove` {} - Emitted when a tag is removed in multi-select mode."
        },
        {
          "name": "onnile-tag-add",
          "description": "`nile-tag-add` {} - Emitted when a custom value is added via allowCustomValue."
        },
        {
          "name": "onnile-scroll-end",
          "description": "`nile-scroll-end` {} - Emitted when scrolled to the bottom (for infinite loading)."
        },
        {
          "name": "onnile-invalid",
          "description": "`nile-invalid` {} - Emitted when form validation constraints aren't satisfied."
        },
        {
          "name": "onnile-select-all",
          "description": "`nile-select-all` {} - Emitted when the Select all / Deselect all control toggles. Detail: { value, name, action: 'select-all' | 'deselect-all' }."
        }
      ]
    },
    {
      "name": "nile-content-editor",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `options` {`any[]`} - \n\n  * `filteredOptions` {`any[]`} - \n\n  * `showLabel` {`boolean`} - \n\n  * `labelText` {`string`} - \n\n  * `type` {`string`} - \n\n  * `required` {`boolean`} - \n\n  * `help-text` {`string`} - \n\n  * `readonly` {`boolean`} - \n\n  * `error-message` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `updateValue` - \n\nProperties:\n\n  * `value` {`string`} - \n\n  * `options` {`any[]`} - \n\n  * `filteredOptions` {`any[]`} - \n\n  * `showLabel` {`boolean`} - \n\n  * `labelText` {`string`} - \n\n  * `type` {`string`} - \n\n  * `required` {`boolean`} - \n\n  * `contentEditor` {`HTMLInputElement`} - \n\n  * `autoOptions` {`HTMLInputElement`} - \n\n  * `openDropdown` {`boolean`} - \n\n  * `tagIdentifier` {`string`} - \n\n  * `filteredValue` {`string`} - \n\n  * `helpText` {`string`} - \n\n  * `readonly` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `updateValue` - \n\n  * `initialValue` {`string`} - \n\n  * `styles` - \n\n  * `replaceText` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: "
        },
        {
          "name": "options",
          "description": "`options` {`any[]`} - \n\nProperty: options"
        },
        {
          "name": "filteredOptions",
          "description": "`filteredOptions` {`any[]`} - \n\nProperty: filteredOptions"
        },
        {
          "name": "showLabel",
          "description": "`showLabel` {`boolean`} - \n\nProperty: showLabel\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "labelText",
          "description": "`labelText` {`string`} - \n\nProperty: labelText\n\nDefault: "
        },
        {
          "name": "type",
          "description": "`type` {`string`} - \n\nProperty: type\n\nDefault: text|text-area"
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - \n\nProperty: required\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "readonly",
          "description": "`readonly` {`boolean`} - \n\nProperty: readonly\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - \n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noborder",
          "description": "`noborder` {`boolean`} - \n\nProperty: noborder\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "updateValue",
          "description": "`updateValue` - \n\nProperty: updateValue\n\nDefault: false"
        }
      ]
    },
    {
      "name": "nile-context-menu-group",
      "description": "Nile context-menu group. Groups related items inside a `nile-context-menu`.\n\nSlots:\n\n  * ` ` {} - Default slot for `nile-context-menu-item` children.\n\nAttributes:\n\n  * `label` {`string`} - \n\nProperties:\n\n  * `label` {`string`} - \n\n  * `_idSeq` {`number`} - \n\n  * `_labelId` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-context-menu-item",
      "description": "Nile context-menu item. A clickable entry inside `nile-context-menu`.\n\nSlots:\n\n  * ` ` {} - Default slot for the visible label.\n\n  * `icon` {} - Optional leading icon (e.g. a `<nile-glyph slot=\"icon\">`).\n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `open` {`boolean`} - \n\nProperties:\n\n  * `value` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `onSelect` - \n\n  * `_hasSubmenu` {`boolean`} - \n\n  * `_hasIcon` {`boolean`} - \n\n  * `_submenuExpanded` {`boolean`} - \n\n  * `override` - \n\n  * `hasSubmenu` {`boolean`} - \n\n  * `_onSlotChange` - \n\n  * `_onIconSlotChange` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: "
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-context-menu",
      "description": "Nile context-menu component.\n\nEvents:\n\n  * `nile` {} - change Fired on menu lifecycle and selection. `detail.type` is one of\n`'open'`, `'click'`, or `'close'`; remaining fields depend on the type.\n\nSlots:\n\n  * ` ` {} - Default menu content.\n\nAttributes:\n\n  * `for` {`string`} - \n\n  * `trigger` {`NileContextMenuTrigger`} - \n\n  * `skipOn` {`string`} - \n\n  * `zIndex` {`number`} - \n\n  * `open` {`boolean`} - \n\nProperties:\n\n  * `for` {`string`} - \n\n  * `trigger` {`NileContextMenuTrigger`} - \n\n  * `skipOn` {`string`} - \n\n  * `zIndex` {`number`} - \n\n  * `open` {`boolean`} - \n\n  * `items` {`NileContextMenuGroupData[]`} - \n\n  * `_isDataMode` {`boolean`} - \n\n  * `_floatingPanel` {`HTMLElement | undefined`} - \n\n  * `_items` {`NileContextMenuItem[]`} - \n\n  * `_open` {`boolean`} - \n\n  * `_pinned` {`boolean`} - \n\n  * `_openContext` {`NileContextMenuOpenContext | null`} - \n\n  * `_targetEl` {`Element | null`} - \n\n  * `_previouslyFocused` {`HTMLElement | null`} - \n\n  * `_openInstances` {`Set<NileContextMenu>`} - \n\n  * `_detachTriggers` - \n\n  * `_lightObserver` {`MutationObserver | undefined`} - \n\n  * `_menuObserver` {`MutationObserver | undefined`} - \n\n  * `_proxyEl` {`HTMLDivElement | undefined`} - \n\n  * `_proxyId` {`string`} - \n\n  * `_wasDataMode` {`boolean`} - \n\n  * `_onPinnedReposition` - Re-anchor a pinned menu to its target after layout changes.\n\n  * `targetElement` {`Element | null`} - \n\n  * `_menuContainerRef` {`HTMLDivElement | null`} - \n\n  * `override` - \n\n  * `menuItems` {`readonly NileContextMenuItem[]`} - \n\n  * `isOpen` {`boolean`} - \n\n  * `_onKeydown` - \n\n  * `_onScroll` - \n\n  * `_onOutsidePointer` - \n\n  * `_onDescendantSelect` - \n\n  * `_onPanelShown` - \n\n  * `_onMenuMouseOver` - \n\n  * `_onMenuClick` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "for",
          "description": "`for` {`string`} - \n\nProperty: for\n\nDefault: "
        },
        {
          "name": "trigger",
          "description": "`trigger` {`NileContextMenuTrigger`} - \n\nProperty: trigger\n\nDefault: right",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "both"
            },
            {
              "name": "manual"
            },
            {
              "name": "global"
            }
          ]
        },
        {
          "name": "skipOn",
          "description": "`skipOn` {`string`} - \n\nProperty: skipOn\n\nDefault: "
        },
        {
          "name": "zIndex",
          "description": "`zIndex` {`number`} - \n\nProperty: zIndex\n\nDefault: 9999"
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile",
          "description": "`nile` {} - change Fired on menu lifecycle and selection. `detail.type` is one of\n`'open'`, `'click'`, or `'close'`; remaining fields depend on the type."
        }
      ]
    },
    {
      "name": "nile-context-submenu",
      "description": "Nested submenu inside a `nile-context-menu-item`.\n\nAttributes:\n\n  * `zIndex` {`number`} - \n\nProperties:\n\n  * `zIndex` {`number`} - \n\n  * `_open` {`boolean`} - \n\n  * `openStack` {`NileContextSubmenu[]`} - \n\n  * `_parentItem` - \n\n  * `_proxyId` {`string`} - \n\n  * `_proxyEl` {`HTMLDivElement | undefined`} - \n\n  * `_floatingPanelEl` - \n\n  * `_menuContainerRef` {`HTMLDivElement | null`} - \n\n  * `_openTimer` {`number | undefined`} - \n\n  * `_closeTimer` {`number | undefined`} - \n\n  * `_setupDone` {`boolean`} - \n\n  * `_parentObserver` {`MutationObserver | undefined`} - \n\n  * `_repositionQueued` {`boolean`} - \n\n  * `_pinnedOpen` {`boolean`} - \n\n  * `override` - \n\n  * `_onParentEnter` - \n\n  * `_onParentLeave` - \n\n  * `_onParentClick` - \n\n  * `_onPanelEnter` - \n\n  * `_onReposition` - \n\n  * `_onPanelLeave` - \n\n  * `isOpen` {`boolean`} - \n\n  * `parentItem` - \n\n  * `_onMenuMouseOver` - \n\n  * `_onNestedSelect` - \n\n  * `_onMenuClick` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "zIndex",
          "description": "`zIndex` {`number`} - \n\nProperty: zIndex\n\nDefault: 9999"
        }
      ]
    },
    {
      "name": "nile-date-picker",
      "description": "Attributes:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hide-time-zone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hide-duration-fields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `rangeSeparator` {`string`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `portal` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hideTimeZone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hideDurationFields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `rangeSeparator` {`string`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `portal` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `dropdown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "range",
          "description": "`range` {`boolean`} - \n\nProperty: range\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hideTypes",
          "description": "`hideTypes` {`boolean`} - \n\nProperty: hideTypes\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "doubleClickUnselect",
          "description": "`doubleClickUnselect` {`boolean`} - \n\nProperty: doubleClickUnselect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowClear",
          "description": "`allowClear` {`boolean`} - \n\nProperty: allowClear\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hide-time-zone",
          "description": "`hide-time-zone` {`boolean`} - \n\nProperty: hideTimeZone\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "type",
          "description": "`type` {`\"absolute\" | \"relative\"`} - \n\nProperty: type\n\nDefault: absolute",
          "values": [
            {
              "name": "absolute"
            },
            {
              "name": "relative"
            }
          ]
        },
        {
          "name": "showManualInputs",
          "description": "`showManualInputs` {`boolean`} - \n\nProperty: showManualInputs\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "value",
          "description": "`value` - \n\nProperty: value"
        },
        {
          "name": "hide-duration-fields",
          "description": "`hide-duration-fields` - \n\nProperty: hideDurationFields\n\nDefault: "
        },
        {
          "name": "allowedDates",
          "description": "`allowedDates` - \n\nProperty: allowedDates\n\nDefault: {}"
        },
        {
          "name": "syncDatePicker",
          "description": "`syncDatePicker` {`boolean`} - \n\nProperty: syncDatePicker\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "dateFormat",
          "description": "`dateFormat` {`string`} - \n\nProperty: dateFormat\n\nDefault: DD/MM/YYYY"
        },
        {
          "name": "rangeSeparator",
          "description": "`rangeSeparator` {`string`} - \n\nProperty: rangeSeparator\n\nDefault:  - "
        },
        {
          "name": "startYear",
          "description": "`startYear` {`number`} - \n\nProperty: startYear"
        },
        {
          "name": "endYear",
          "description": "`endYear` {`number`} - \n\nProperty: endYear"
        },
        {
          "name": "showYearDropdown",
          "description": "`showYearDropdown` {`boolean`} - \n\nProperty: showYearDropdown\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "showMonthDropdown",
          "description": "`showMonthDropdown` {`boolean`} - \n\nProperty: showMonthDropdown\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "portal",
          "description": "`portal` {`boolean`} - \n\nProperty: portal\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-detail",
      "description": "Events:\n\n  * `nile-page-load` {`CustomEvent<{ pageIndex: number; offset: number; limit: number; rows: any; }>`} - \n\n  * `nile-page-error` {`CustomEvent<{ pageIndex: number; offset: number; limit: number; error: any; }>`} - \n\n  * `nile-change` {`CustomEvent<{ selected: string[]; }>`} - \n\n  * `nile-search` {`CustomEvent<{ value: string; }>`} - \n\nAttributes:\n\n  * `open` {`boolean`} - \n\n  * `heading` {`string`} - \n\n  * `description` {`string`} - \n\n  * `expandIconPlacement` {`\"left\" | \"right\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `preview` {`boolean`} - When set, the closed state shows a preview of the body content instead of hiding it.\n\n  * `preview-percentage` {`number`} - Percentage (0–100) of the content height shown while previewing.\n\n  * `variant` {`NileDetailVariant`} - \n\n  * `allow-html-label` {`boolean`} - \n\n  * `disable-local-search` {`boolean`} - \n\n  * `total-count` {`number | undefined`} - \n\n  * `page-size` {`number`} - \n\n  * `placeholder-label` {`string`} - \n\n  * `search-placeholder` {`string`} - \n\n  * `items-label` {`string`} - \n\n  * `restore-label` {`string`} - \n\n  * `clear-label` {`string`} - \n\n  * `grid-rows` {`number`} - \n\n  * `grid-columns` {`number`} - \n\n  * `min-column-width` {`string`} - \n\n  * `lane-height` {`number`} - \n\n  * `orientation` {`\"vertical\" | \"horizontal\" | \"both\"`} - \n\n  * `max-height` {`string`} - \n\n  * `matrix-columns` {`number`} - \n\n  * `virtualize` {`boolean`} - \n\n  * `virtualize-threshold` {`number`} - \n\n  * `overscan` {`number`} - \n\n  * `show-selected-toggle` {`boolean`} - \n\n  * `selected-only-label` {`string`} - \n\n  * `show-all-label` {`string`} - \n\nProperties:\n\n  * `styles` - \n\n  * `detail` {`HTMLDetailsElement`} - \n\n  * `header` {`HTMLElement`} - \n\n  * `body` {`HTMLElement`} - \n\n  * `open` {`boolean`} - \n\n  * `heading` {`string`} - \n\n  * `description` {`string`} - \n\n  * `expandIconPlacement` {`\"left\" | \"right\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `preview` {`boolean`} - When set, the closed state shows a preview of the body content instead of hiding it.\n\n  * `previewPercentage` {`number`} - Percentage (0–100) of the content height shown while previewing.\n\n  * `variant` {`NileDetailVariant`} - \n\n  * `items` {`SelectionItem[]`} - \n\n  * `selected` {`string[]`} - \n\n  * `renderItemConfig` {`NileDetailRenderItemConfig | undefined`} - \n\n  * `allowHtmlLabel` {`boolean`} - \n\n  * `disableLocalSearch` {`boolean`} - \n\n  * `totalCount` {`number | undefined`} - \n\n  * `pageSize` {`number`} - \n\n  * `fetchPage` - \n\n  * `placeholderLabel` {`string`} - \n\n  * `config` {`NileDetailSelectionConfig | undefined`} - \n\n  * `searchPlaceholder` {`string`} - \n\n  * `itemsLabel` {`string`} - \n\n  * `restoreLabel` {`string`} - \n\n  * `clearLabel` {`string`} - \n\n  * `gridRows` {`number`} - \n\n  * `gridColumns` {`number`} - \n\n  * `minColumnWidth` {`string`} - \n\n  * `laneHeight` {`number`} - \n\n  * `orientation` {`\"vertical\" | \"horizontal\" | \"both\"`} - \n\n  * `maxHeight` {`string`} - \n\n  * `matrixColumns` {`number`} - \n\n  * `virtualize` {`boolean`} - \n\n  * `virtualizeThreshold` {`number`} - \n\n  * `overscan` {`number`} - \n\n  * `_detailOpen` {`boolean`} - \n\n  * `_hasSlottedContent` {`boolean`} - \n\n  * `_searchTerm` {`string`} - \n\n  * `_selectedSet` {`Set<string>`} - \n\n  * `_showSelectedOnly` {`boolean`} - \n\n  * `showSelectedToggle` {`boolean`} - \n\n  * `selectedOnlyLabel` {`string`} - \n\n  * `showAllLabel` {`string`} - \n\n  * `_restoreDefaults` {`string[] | null`} - \n\n  * `_gridResizeObserver` - \n\n  * `_virtCtrl` - \n\n  * `_rowVirtCtrl` - \n\n  * `_colVirtCtrl` - \n\n  * `_pageCache` - \n\n  * `_pendingPages` - \n\n  * `_isSelectionVariant` {`boolean`} - True for any variant that renders the selection UI/behavior.\n\n  * `_isLightVariant` {`boolean`} - True for any variant that applies the light styling.\n\n  * `_previewEnabled` {`boolean`} - True when preview mode is on with a usable percentage.\n\n  * `_isPreviewActive` {`boolean`} - True when the closed state should currently render the preview.\n\n  * `_isInfiniteMode` {`boolean`} - \n\n  * `_isVirtualized` {`boolean`} - \n\n  * `_columnWidthPx` {`number`} - \n\n  * `_filteredItems` {`SelectionItem[]`} - \n\n  * `_allChecked` {`boolean`} - \n\n  * `_indeterminate` {`boolean`} - \n\n  * `_countLabel` {`string`} - \n\n  * `_summaryLabel` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "open",
          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "heading",
          "description": "`heading` {`string`} - \n\nProperty: heading\n\nDefault: "
        },
        {
          "name": "description",
          "description": "`description` {`string`} - \n\nProperty: description\n\nDefault: "
        },
        {
          "name": "expandIconPlacement",
          "description": "`expandIconPlacement` {`\"left\" | \"right\"`} - \n\nProperty: expandIconPlacement\n\nDefault: right",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "preview",
          "description": "`preview` {`boolean`} - When set, the closed state shows a preview of the body content instead of hiding it.\n\nProperty: preview\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "preview-percentage",
          "description": "`preview-percentage` {`number`} - Percentage (0–100) of the content height shown while previewing.\n\nProperty: previewPercentage\n\nDefault: 30"
        },
        {
          "name": "variant",
          "description": "`variant` {`NileDetailVariant`} - \n\nProperty: variant\n\nDefault: default",
          "values": [
            {
              "name": "light"
            },
            {
              "name": "default"
            },
            {
              "name": "selection"
            },
            {
              "name": "select-light"
            }
          ]
        },
        {
          "name": "allow-html-label",
          "description": "`allow-html-label` {`boolean`} - \n\nProperty: allowHtmlLabel\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disable-local-search",
          "description": "`disable-local-search` {`boolean`} - \n\nProperty: disableLocalSearch\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "total-count",
          "description": "`total-count` {`number | undefined`} - \n\nProperty: totalCount",
          "values": []
        },
        {
          "name": "page-size",
          "description": "`page-size` {`number`} - \n\nProperty: pageSize\n\nDefault: 200"
        },
        {
          "name": "placeholder-label",
          "description": "`placeholder-label` {`string`} - \n\nProperty: placeholderLabel\n\nDefault: Loading…"
        },
        {
          "name": "search-placeholder",
          "description": "`search-placeholder` {`string`} - \n\nProperty: searchPlaceholder\n\nDefault: Search..."
        },
        {
          "name": "items-label",
          "description": "`items-label` {`string`} - \n\nProperty: itemsLabel\n\nDefault: attributes"
        },
        {
          "name": "restore-label",
          "description": "`restore-label` {`string`} - \n\nProperty: restoreLabel\n\nDefault: Restore"
        },
        {
          "name": "clear-label",
          "description": "`clear-label` {`string`} - \n\nProperty: clearLabel\n\nDefault: Clear"
        },
        {
          "name": "grid-rows",
          "description": "`grid-rows` {`number`} - \n\nProperty: gridRows\n\nDefault: 6"
        },
        {
          "name": "grid-columns",
          "description": "`grid-columns` {`number`} - \n\nProperty: gridColumns\n\nDefault: 3"
        },
        {
          "name": "min-column-width",
          "description": "`min-column-width` {`string`} - \n\nProperty: minColumnWidth\n\nDefault: 220px"
        },
        {
          "name": "lane-height",
          "description": "`lane-height` {`number`} - \n\nProperty: laneHeight\n\nDefault: 32"
        },
        {
          "name": "orientation",
          "description": "`orientation` {`\"vertical\" | \"horizontal\" | \"both\"`} - \n\nProperty: orientation\n\nDefault: horizontal",
          "values": [
            {
              "name": "vertical"
            },
            {
              "name": "horizontal"
            },
            {
              "name": "both"
            }
          ]
        },
        {
          "name": "max-height",
          "description": "`max-height` {`string`} - \n\nProperty: maxHeight\n\nDefault: 320px"
        },
        {
          "name": "matrix-columns",
          "description": "`matrix-columns` {`number`} - \n\nProperty: matrixColumns\n\nDefault: 20"
        },
        {
          "name": "virtualize",
          "description": "`virtualize` {`boolean`} - \n\nProperty: virtualize\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "virtualize-threshold",
          "description": "`virtualize-threshold` {`number`} - \n\nProperty: virtualizeThreshold\n\nDefault: 60"
        },
        {
          "name": "overscan",
          "description": "`overscan` {`number`} - \n\nProperty: overscan\n\nDefault: 4"
        },
        {
          "name": "show-selected-toggle",
          "description": "`show-selected-toggle` {`boolean`} - \n\nProperty: showSelectedToggle\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "selected-only-label",
          "description": "`selected-only-label` {`string`} - \n\nProperty: selectedOnlyLabel\n\nDefault: Selected"
        },
        {
          "name": "show-all-label",
          "description": "`show-all-label` {`string`} - \n\nProperty: showAllLabel\n\nDefault: Show all"
        },
        {
          "name": "onnile-page-load",
          "description": "`nile-page-load` {`CustomEvent<{ pageIndex: number; offset: number; limit: number; rows: any; }>`} - "
        },
        {
          "name": "onnile-page-error",
          "description": "`nile-page-error` {`CustomEvent<{ pageIndex: number; offset: number; limit: number; error: any; }>`} - "
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {`CustomEvent<{ selected: string[]; }>`} - "
        },
        {
          "name": "onnile-search",
          "description": "`nile-search` {`CustomEvent<{ value: string; }>`} - "
        }
      ]
    },
    {
      "name": "nile-dialog",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.\n\n  * `label` {`string`} - The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n  * `sublabel` {`string`} - \n\n  * `noHeader` {`boolean`} - Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.\n\n  * `preventOverlayClose` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `modal` - \n\n  * `originalTrigger` {`HTMLElement | null`} - \n\n  * `dialog` {`HTMLElement`} - \n\n  * `panel` {`HTMLElement`} - \n\n  * `overlay` {`HTMLElement`} - \n\n  * `open` {`boolean`} - Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.\n\n  * `label` {`string`} - The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n  * `sublabel` {`string`} - \n\n  * `noHeader` {`boolean`} - Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.\n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `drawerStyle` {`string`} - Added to resolve conflicts between Angular Material's mat-drawer components.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "open",
          "description": "`open` {`boolean`} - Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.\n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "sublabel",
          "description": "`sublabel` {`string`} - \n\nProperty: sublabel\n\nDefault: "
        },
        {
          "name": "noHeader",
          "description": "`noHeader` {`boolean`} - Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.\n\nProperty: noHeader\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "preventOverlayClose",
          "description": "`preventOverlayClose` {`boolean`} - \n\nProperty: preventOverlayClose\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-divider",
      "description": "Nile divider component.\n\nAttributes:\n\n  * `inset` {`boolean`} - \n\n  * `vertical` {`boolean`} - \n\n  * `label` {`string`} - \n\nProperties:\n\n  * `inset` {`boolean`} - \n\n  * `vertical` {`boolean`} - \n\n  * `label` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "inset",
          "description": "`inset` {`boolean`} - \n\nProperty: inset\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "vertical",
          "description": "`vertical` {`boolean`} - \n\nProperty: vertical\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-drawer",
      "description": "Nile drawer component.\n\nEvents:\n\n  * `nile-show` {} - Emitted when the drawer opens.\n\n  * `nile-after-show` {} - Emitted after the drawer opens and all animations are complete.\n\n  * `nile-hide` {} - Emitted when the drawer closes.\n\n  * `nile-after-hide` {} - Emitted after the drawer closes and all animations are complete.\n\n  * `nile-initial-focus` {} - Emitted when the drawer opens and is ready to receive focus. Calling\n`event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n\n  * `nile-request-close` {`\"{ source: 'close-button' \" | \"keyboard\" | \" 'overlay' }\"`} - Emitted when the user attempts to\nclose the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n`event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\ndestructive behavior such as data loss.\n\nSlots:\n\n  * ` ` {} - The drawer's main content.\n\n  * `label` {} - The drawer's label. Alternatively, you can use the `label` attribute.\n\n  * `header-actions` {} - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n\n  * `footer` {} - The drawer's footer, usually one or more buttons representing various options.\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n\n  * `closeOnEscape` {`boolean`} - \n\n  * `label` {`string`} - The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The direction from which the drawer will open.\n\n  * `contained` {`boolean`} - By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.\n\n  * `preventOverlayClose` {`boolean`} - Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n\n  * `no-header` {`boolean`} - Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.\n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `modal` - \n\n  * `originalTrigger` {`HTMLElement | null`} - \n\n  * `drawer` {`HTMLElement`} - \n\n  * `panel` {`HTMLElement`} - \n\n  * `overlay` {`HTMLElement`} - \n\n  * `open` {`boolean`} - Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n\n  * `closeOnEscape` {`boolean`} - \n\n  * `label` {`string`} - The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The direction from which the drawer will open.\n\n  * `contained` {`boolean`} - By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.\n\n  * `preventOverlayClose` {`boolean`} - Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n\n  * `noHeader` {`boolean`} - Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "open",
          "description": "`open` {`boolean`} - Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "closeOnEscape",
          "description": "`closeOnEscape` {`boolean`} - \n\nProperty: closeOnEscape\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "placement",
          "description": "`placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The direction from which the drawer will open.\n\nProperty: placement\n\nDefault: end",
          "values": [
            {
              "name": "top"
            },
            {
              "name": "bottom"
            },
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "contained",
          "description": "`contained` {`boolean`} - By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.\n\nProperty: contained\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "preventOverlayClose",
          "description": "`preventOverlayClose` {`boolean`} - Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n\nProperty: preventOverlayClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "no-header",
          "description": "`no-header` {`boolean`} - Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.\n\nProperty: noHeader\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-show",
          "description": "`nile-show` {} - Emitted when the drawer opens."
        },
        {
          "name": "onnile-after-show",
          "description": "`nile-after-show` {} - Emitted after the drawer opens and all animations are complete."
        },
        {
          "name": "onnile-hide",
          "description": "`nile-hide` {} - Emitted when the drawer closes."
        },
        {
          "name": "onnile-after-hide",
          "description": "`nile-after-hide` {} - Emitted after the drawer closes and all animations are complete."
        },
        {
          "name": "onnile-initial-focus",
          "description": "`nile-initial-focus` {} - Emitted when the drawer opens and is ready to receive focus. Calling\n`event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
        },
        {
          "name": "onnile-request-close",
          "description": "`nile-request-close` {`\"{ source: 'close-button' \" | \"keyboard\" | \" 'overlay' }\"`} - Emitted when the user attempts to\nclose the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n`event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\ndestructive behavior such as data loss."
        }
      ]
    },
    {
      "name": "nile-dropdown",
      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-show` {} - Emitted when the dropdown opens.\n\n  * `nile-after-show` {} - Emitted after the dropdown opens and all animations are complete.\n\n  * `nile-hide` {} - Emitted when the dropdown closes.\n\n  * `nile-after-hide` {} - Emitted after the dropdown closes and all animations are complete.\n\nSlots:\n\n  * ` ` {} - The dropdown's main content.\n\n  * `trigger` {} - The dropdown's trigger, usually a `<nile-button>` element.\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n\n  * `placement` {`TooltipPosition`} - The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.\n\n  * `disabled` {`boolean`} - Disables the dropdown so the panel will not open.\n\n  * `stay-open-on-select` {`boolean`} - By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the panel away from its trigger.\n\n  * `noOpenOnClick` {`boolean`} - \n\n  * `skidding` {`number`} - The distance in pixels from which to offset the panel along its trigger.\n\n  * `sync` {`\"both\" | \"width\" | \"height\"`} - Syncs the popup's width or height to that of the anchor element.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the panel 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  * `portal` {`boolean`} - Enable portal mode to render the dropdown panel in a portal outside the component's DOM tree.\nThis provides better positioning control and prevents clipping issues in complex layouts.\n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `popup` - \n\n  * `trigger` {`HTMLSlotElement`} - \n\n  * `panel` {`HTMLSlotElement`} - \n\n  * `open` {`boolean`} - Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n\n  * `placement` {`TooltipPosition`} - The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.\n\n  * `disabled` {`boolean`} - Disables the dropdown so the panel will not open.\n\n  * `stayOpenOnSelect` {`boolean`} - By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.\n\n  * `containingElement` {`HTMLElement | undefined`} - The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other\ncomponents that use a dropdown internally.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the panel away from its trigger.\n\n  * `noOpenOnClick` {`boolean`} - \n\n  * `skidding` {`number`} - The distance in pixels from which to offset the panel along its trigger.\n\n  * `sync` {`\"both\" | \"width\" | \"height\"`} - Syncs the popup's width or height to that of the anchor element.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the panel 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  * `portal` {`boolean`} - Enable portal mode to render the dropdown panel in a portal outside the component's DOM tree.\nThis provides better positioning control and prevents clipping issues in complex layouts.\n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `portalManager` - \n\n  * `visibilityManager` - \n\n  * `_triggerDisabledByDropdown` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "open",
          "description": "`open` {`boolean`} - Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placement",
          "description": "`placement` {`TooltipPosition`} - The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.\n\nProperty: placement\n\nDefault: bottom-start",
          "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`} - Disables the dropdown so the panel will not open.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "stay-open-on-select",
          "description": "`stay-open-on-select` {`boolean`} - By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.\n\nProperty: stayOpenOnSelect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "distance",
          "description": "`distance` {`number`} - The distance in pixels from which to offset the panel away from its trigger.\n\nProperty: distance\n\nDefault: 0"
        },
        {
          "name": "noOpenOnClick",
          "description": "`noOpenOnClick` {`boolean`} - \n\nProperty: noOpenOnClick\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "skidding",
          "description": "`skidding` {`number`} - The distance in pixels from which to offset the panel along its trigger.\n\nProperty: skidding\n\nDefault: 0"
        },
        {
          "name": "sync",
          "description": "`sync` {`\"both\" | \"width\" | \"height\"`} - Syncs the popup's width or height to that of the anchor element.\n\nProperty: sync",
          "values": [
            {
              "name": "both"
            },
            {
              "name": "width"
            },
            {
              "name": "height"
            }
          ]
        },
        {
          "name": "hoist",
          "description": "`hoist` {`boolean`} - Enable this option to prevent the panel 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\nProperty: hoist\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "portal",
          "description": "`portal` {`boolean`} - Enable portal mode to render the dropdown panel in a portal outside the component's DOM tree.\nThis provides better positioning control and prevents clipping issues in complex layouts.\n\nProperty: portal\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-show",
          "description": "`nile-show` {} - Emitted when the dropdown opens."
        },
        {
          "name": "onnile-after-show",
          "description": "`nile-after-show` {} - Emitted after the dropdown opens and all animations are complete."
        },
        {
          "name": "onnile-hide",
          "description": "`nile-hide` {} - Emitted when the dropdown closes."
        },
        {
          "name": "onnile-after-hide",
          "description": "`nile-after-hide` {} - Emitted after the dropdown closes and all animations are complete."
        }
      ]
    },
    {
      "name": "nile-empty-state",
      "description": "Nile empty-state component.\n\nAttributes:\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - \n\n  * `variant` {`\"flat\" | \"content\" | \"tonal\"`} - \n\n  * `icon` {`string`} - \n\n  * `grayscale` {`boolean`} - \n\n  * `text` {`String`} - \n\n  * `sub-text` {`String`} - \n\n  * `svgIconUrl` {`string`} - \n\n  * `svgIconSize` {`number`} - \n\n  * `svgIconColor` {`string`} - \n\nProperties:\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - \n\n  * `variant` {`\"flat\" | \"content\" | \"tonal\"`} - \n\n  * `icon` {`string`} - \n\n  * `grayscale` {`boolean`} - \n\n  * `text` {`String`} - \n\n  * `subText` {`String`} - \n\n  * `svgIconUrl` {`string`} - \n\n  * `svgIconSize` {`number`} - \n\n  * `svgIconColor` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "size",
          "description": "`size` {`\"sm\" | \"md\" | \"lg\"`} - \n\nProperty: size\n\nDefault: md",
          "values": [
            {
              "name": "sm"
            },
            {
              "name": "md"
            },
            {
              "name": "lg"
            }
          ]
        },
        {
          "name": "variant",
          "description": "`variant` {`\"flat\" | \"content\" | \"tonal\"`} - \n\nProperty: variant\n\nDefault: tonal",
          "values": [
            {
              "name": "flat"
            },
            {
              "name": "content"
            },
            {
              "name": "tonal"
            }
          ]
        },
        {
          "name": "icon",
          "description": "`icon` {`string`} - \n\nProperty: icon\n\nDefault: var(--nile-icon-error, var(--ng-icon-x-circle))"
        },
        {
          "name": "grayscale",
          "description": "`grayscale` {`boolean`} - \n\nProperty: grayscale\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "text",
          "description": "`text` {`String`} - \n\nProperty: text\n\nDefault: Empty State"
        },
        {
          "name": "sub-text",
          "description": "`sub-text` {`String`} - \n\nProperty: subText\n\nDefault: No Data"
        },
        {
          "name": "svgIconUrl",
          "description": "`svgIconUrl` {`string`} - \n\nProperty: svgIconUrl"
        },
        {
          "name": "svgIconSize",
          "description": "`svgIconSize` {`number`} - \n\nProperty: svgIconSize\n\nDefault: 40"
        },
        {
          "name": "svgIconColor",
          "description": "`svgIconColor` {`string`} - \n\nProperty: svgIconColor"
        }
      ]
    },
    {
      "name": "nile-error-message",
      "description": "A custom error message component that displays error information to the user.\n\nAttributes:\n\n  * `errorMessage` {`string`} - \n\n  * `errorResponse` {`string`} - \n\n  * `errorResponseLong` {`string`} - \n\n  * `isExpanded` {`boolean`} - \n\n  * `maxWidth` {`string`} - \n\n  * `maxHeight` {`string`} - \n\n  * `maxDialogHeight` {`string`} - \n\nProperties:\n\n  * `errorMessage` {`string`} - \n\n  * `errorResponse` {`string`} - \n\n  * `errorResponseLong` {`string`} - \n\n  * `isExpanded` {`boolean`} - \n\n  * `maxWidth` {`string`} - \n\n  * `maxHeight` {`string`} - \n\n  * `maxDialogHeight` {`string`} - \n\n  * `MAX_LENGTH` {`number`} - ",
      "attributes": [
        {
          "name": "errorMessage",
          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "errorResponse",
          "description": "`errorResponse` {`string`} - \n\nProperty: errorResponse"
        },
        {
          "name": "errorResponseLong",
          "description": "`errorResponseLong` {`string`} - \n\nProperty: errorResponseLong"
        },
        {
          "name": "isExpanded",
          "description": "`isExpanded` {`boolean`} - \n\nProperty: isExpanded\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "maxWidth",
          "description": "`maxWidth` {`string`} - \n\nProperty: maxWidth"
        },
        {
          "name": "maxHeight",
          "description": "`maxHeight` {`string`} - \n\nProperty: maxHeight"
        },
        {
          "name": "maxDialogHeight",
          "description": "`maxDialogHeight` {`string`} - \n\nProperty: maxDialogHeight"
        }
      ]
    },
    {
      "name": "nile-error-notification",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `errorMessage` {`string`} - \n\n  * `color` {`string`} - \n\nProperties:\n\n  * `errorMessage` {`string`} - \n\n  * `color` {`string`} - ",
      "attributes": [
        {
          "name": "errorMessage",
          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "color",
          "description": "`color` {`string`} - \n\nProperty: color\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-file-preview",
      "description": "Nile preview component.\n\nAttributes:\n\n  * `errorMessage` {`string`} - \n\n  * `inputFile` {`File`} - \n\n  * `fileUrl` {`string`} - \n\n  * `uploadStatus` {`number`} - \n\n  * `state` {`FilePreviewState`} - \n\n  * `variant` {`FilePreviewVariant`} - \n\n  * `inputFileName` {`string`} - \n\n  * `showFileType` {`boolean`} - \n\nProperties:\n\n  * `errorMessage` {`string`} - \n\n  * `inputFile` {`File`} - \n\n  * `fileUrl` {`string`} - \n\n  * `uploadStatus` {`number`} - \n\n  * `state` {`FilePreviewState`} - \n\n  * `variant` {`FilePreviewVariant`} - \n\n  * `inputFileName` {`string`} - \n\n  * `showFileType` {`boolean`} - \n\n  * `inputFileHtml` {`UncompiledTemplateResult<ResultType> | null`} - \n\n  * `originalUrl` {`string`} - \n\n  * `isStringTruncated` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "errorMessage",
          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "inputFile",
          "description": "`inputFile` {`File`} - \n\nProperty: inputFile"
        },
        {
          "name": "fileUrl",
          "description": "`fileUrl` {`string`} - \n\nProperty: fileUrl\n\nDefault: "
        },
        {
          "name": "uploadStatus",
          "description": "`uploadStatus` {`number`} - \n\nProperty: uploadStatus\n\nDefault: 0"
        },
        {
          "name": "state",
          "description": "`state` {`FilePreviewState`} - \n\nProperty: state\n\nDefault: default",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "uploading"
            },
            {
              "name": "preview"
            },
            {
              "name": "no-preview"
            },
            {
              "name": "error"
            }
          ]
        },
        {
          "name": "variant",
          "description": "`variant` {`FilePreviewVariant`} - \n\nProperty: variant\n\nDefault: horizontal",
          "values": [
            {
              "name": "horizontal"
            },
            {
              "name": "vertical"
            }
          ]
        },
        {
          "name": "inputFileName",
          "description": "`inputFileName` {`string`} - \n\nProperty: inputFileName\n\nDefault: "
        },
        {
          "name": "showFileType",
          "description": "`showFileType` {`boolean`} - \n\nProperty: showFileType\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-file-upload",
      "description": "Nile file-upload component.\n\nAttributes:\n\n  * `size` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `allowMultiple` {`boolean`} - \n\n  * `allowDuplicates` {`boolean`} - \n\n  * `allowedTypes` {`string[]`} - \n\n  * `uploadedFiles` {`File[]`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `state` {`FileUploadState`} - \n\n  * `variant` {`FileUploadVariant`} - \n\n  * `fileUploadUrl` {`string`} - \n\n  * `autoUpload` {`boolean`} - \n\nProperties:\n\n  * `size` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `allowMultiple` {`boolean`} - \n\n  * `allowDuplicates` {`boolean`} - \n\n  * `allowedTypes` {`string[]`} - \n\n  * `uploadedFiles` {`File[]`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `state` {`FileUploadState`} - \n\n  * `variant` {`FileUploadVariant`} - \n\n  * `fileUploadUrl` {`string`} - \n\n  * `autoUpload` {`boolean`} - \n\n  * `doNotUpload` {`File[]`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `horizontalDiv` {`HTMLDivElement`} - \n\n  * `uploadRequests` {`Map<File, XMLHttpRequest>`} - \n\n  * `fileSizeExceededFilesNumber` {`number`} - \n\n  * `isStringTruncated` {`boolean`} - \n\n  * `dragHandler` - \n\n  * `setState` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "size",
          "description": "`size` {`string`} - \n\nProperty: size\n\nDefault: 10MB"
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - \n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "errorMessage",
          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "allowMultiple",
          "description": "`allowMultiple` {`boolean`} - \n\nProperty: allowMultiple\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowDuplicates",
          "description": "`allowDuplicates` {`boolean`} - \n\nProperty: allowDuplicates\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowedTypes",
          "description": "`allowedTypes` {`string[]`} - \n\nProperty: allowedTypes\n\nDefault: "
        },
        {
          "name": "uploadedFiles",
          "description": "`uploadedFiles` {`File[]`} - \n\nProperty: uploadedFiles\n\nDefault: "
        },
        {
          "name": "title",
          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: Drag and drop to upload"
        },
        {
          "name": "subtitle",
          "description": "`subtitle` {`string`} - \n\nProperty: subtitle\n\nDefault: PNG, JPG or SVG (upto 1MB) | 1:1 ratio"
        },
        {
          "name": "state",
          "description": "`state` {`FileUploadState`} - \n\nProperty: state\n\nDefault: default",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "disabled"
            },
            {
              "name": "hover"
            },
            {
              "name": "drag"
            },
            {
              "name": "error"
            }
          ]
        },
        {
          "name": "variant",
          "description": "`variant` {`FileUploadVariant`} - \n\nProperty: variant\n\nDefault: horizontal",
          "values": [
            {
              "name": "horizontal"
            },
            {
              "name": "vertical"
            }
          ]
        },
        {
          "name": "fileUploadUrl",
          "description": "`fileUploadUrl` {`string`} - \n\nProperty: fileUploadUrl\n\nDefault: "
        },
        {
          "name": "autoUpload",
          "description": "`autoUpload` {`boolean`} - \n\nProperty: autoUpload\n\nDefault: true",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-filter-chip",
      "description": "Nile filter-chip component.\n\nEvents:\n\n  * `nile-close` {`CustomEvent<{ value: string; viewMoreCount: number; }>`} - \n\n  * `nile-click` {`CustomEvent<{ value: string; viewMoreCount: number; }>`} - \n\nAttributes:\n\n  * `label` {`string`} - \n\n  * `value` {`string`} - \n\n  * `viewMoreCount` {`number`} - \n\n  * `editable` {`boolean`} - \n\n  * `closable` {`boolean`} - \n\n  * `icon` {`string`} - \n\n  * `removeIcon` {`string`} - \n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `label` {`string`} - \n\n  * `value` {`string`} - \n\n  * `viewMoreCount` {`number`} - \n\n  * `editable` {`boolean`} - \n\n  * `closable` {`boolean`} - \n\n  * `icon` {`string`} - \n\n  * `removeIcon` {`string`} - \n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `activeChips` {`NileFilterChip[]`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: "
        },
        {
          "name": "viewMoreCount",
          "description": "`viewMoreCount` {`number`} - \n\nProperty: viewMoreCount\n\nDefault: 0"
        },
        {
          "name": "editable",
          "description": "`editable` {`boolean`} - \n\nProperty: editable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "closable",
          "description": "`closable` {`boolean`} - \n\nProperty: closable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "icon",
          "description": "`icon` {`string`} - \n\nProperty: icon\n\nDefault: "
        },
        {
          "name": "removeIcon",
          "description": "`removeIcon` {`string`} - \n\nProperty: removeIcon\n\nDefault: "
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-close",
          "description": "`nile-close` {`CustomEvent<{ value: string; viewMoreCount: number; }>`} - "
        },
        {
          "name": "onnile-click",
          "description": "`nile-click` {`CustomEvent<{ value: string; viewMoreCount: number; }>`} - "
        }
      ]
    },
    {
      "name": "nile-floating-panel",
      "description": "Nile floating-panel component.\n\nA popover that supports rich content (title, body, actions).\n\n**Wrapper mode** (default): first child element is the trigger.\n**For mode**: set `for=\"elementId\"` to attach to an external element.\n\nEvents:\n\n  * `nile-init` {} - Component initialized.\n\n  * `nile-destroy` {} - Component destroyed.\n\n  * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel opened.\n\n  * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel closed.\n\n  * `nile-after-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully visible after animation.\n\n  * `nile-after-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully hidden after animation.\n\n  * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Open/close transition (detail.open).\n\n  * `nile-visibility-change` {} - Hidden by scroll/tab change.\n\nAttributes:\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - \n\n  * `trigger` {`string`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `arrow` {`\"none\" | \"default\" | \"round\"`} - \n\n  * `animation` {`string`} - \n\n  * `duration` {`string | number | [number, number]`} - \n\n  * `delay` {`number | [number, number]`} - \n\n  * `interactive` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `flip` {`boolean`} - \n\n  * `for` {`string | null`} - \n\n  * `open` {`boolean`} - \n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\n  * `group` {`string | null`} - When set, only one panel in the same group can be open at a time.\n\n  * `closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\n  * `panelClass` {`string`} - Custom CSS class(es) added to the Tippy popper element, allowing per-instance styling from the host.\n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\nProperties:\n\n  * `_groups` {`Map<string, Set<NileFloatingPanel>>`} - \n\n  * `_reducedMotionQuery` {`MediaQueryList | null`} - \n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - \n\n  * `trigger` {`string`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `arrow` {`\"none\" | \"default\" | \"round\"`} - \n\n  * `animation` {`string`} - \n\n  * `duration` {`string | number | [number, number]`} - \n\n  * `delay` {`number | [number, number]`} - \n\n  * `interactive` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `flip` {`boolean`} - \n\n  * `for` {`string | null`} - \n\n  * `open` {`boolean`} - \n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\n  * `group` {`string | null`} - When set, only one panel in the same group can be open at a time.\n\n  * `closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\n  * `panelClass` {`string`} - Custom CSS class(es) added to the Tippy popper element, allowing per-instance styling from the host.\n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `tippyInstance` {`Instance<Props> | null`} - \n\n  * `visibilityManager` - \n\n  * `panelContainer` {`HTMLElement | null`} - \n\n  * `anchorEl` {`HTMLElement | null`} - \n\n  * `_suppressOpenWatch` {`boolean`} - \n\n  * `_panelId` {`string`} - \n\n  * `_boundEscHandler` - \n\n  * `_pendingShowListener` - \n\n  * `_pendingHideListener` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "placement",
          "description": "`placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - \n\nProperty: placement\n\nDefault: bottom",
          "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": "auto"
            },
            {
              "name": "auto-start"
            },
            {
              "name": "auto-end"
            }
          ]
        },
        {
          "name": "trigger",
          "description": "`trigger` {`string`} - \n\nProperty: trigger\n\nDefault: click"
        },
        {
          "name": "distance",
          "description": "`distance` {`number`} - \n\nProperty: distance\n\nDefault: 12"
        },
        {
          "name": "skidding",
          "description": "`skidding` {`number`} - \n\nProperty: skidding\n\nDefault: 0"
        },
        {
          "name": "arrow",
          "description": "`arrow` {`\"none\" | \"default\" | \"round\"`} - \n\nProperty: arrow\n\nDefault: round",
          "values": [
            {
              "name": "none"
            },
            {
              "name": "default"
            },
            {
              "name": "round"
            }
          ]
        },
        {
          "name": "animation",
          "description": "`animation` {`string`} - \n\nProperty: animation\n\nDefault: fade"
        },
        {
          "name": "duration",
          "description": "`duration` {`string | number | [number, number]`} - \n\nProperty: duration\n\nDefault: 200",
          "values": []
        },
        {
          "name": "delay",
          "description": "`delay` {`number | [number, number]`} - \n\nProperty: delay\n\nDefault: 0",
          "values": []
        },
        {
          "name": "interactive",
          "description": "`interactive` {`boolean`} - \n\nProperty: interactive\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "interactiveBorder",
          "description": "`interactiveBorder` {`number`} - \n\nProperty: interactiveBorder\n\nDefault: 2"
        },
        {
          "name": "maxWidth",
          "description": "`maxWidth` {`string | number`} - \n\nProperty: maxWidth\n\nDefault: none",
          "values": []
        },
        {
          "name": "zIndex",
          "description": "`zIndex` {`number`} - \n\nProperty: zIndex\n\nDefault: 9999"
        },
        {
          "name": "followCursor",
          "description": "`followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\nProperty: followCursor\n\nDefault: false",
          "values": [
            {
              "name": "vertical"
            },
            {
              "name": "horizontal"
            },
            {
              "name": "initial"
            },
            {
              "name": "true"
            },
            {
              "name": "false"
            }
          ]
        },
        {
          "name": "hideOnClick",
          "description": "`hideOnClick` {`boolean | \"toggle\"`} - \n\nProperty: hideOnClick\n\nDefault: true",
          "values": [
            {
              "name": "toggle"
            }
          ]
        },
        {
          "name": "inertia",
          "description": "`inertia` {`boolean`} - \n\nProperty: inertia\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowHTML",
          "description": "`allowHTML` {`boolean`} - \n\nProperty: allowHTML\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "flip",
          "description": "`flip` {`boolean`} - \n\nProperty: flip\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "for",
          "description": "`for` {`string | null`} - \n\nProperty: for\n\nDefault: null",
          "values": []
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "preventOverlayClose",
          "description": "`preventOverlayClose` {`boolean`} - \n\nProperty: preventOverlayClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "title",
          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: "
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "width",
          "description": "`width` {`string | undefined`} - \n\nProperty: width",
          "values": []
        },
        {
          "name": "height",
          "description": "`height` {`string | undefined`} - \n\nProperty: height",
          "values": []
        },
        {
          "name": "group",
          "description": "`group` {`string | null`} - When set, only one panel in the same group can be open at a time.\n\nProperty: group\n\nDefault: null",
          "values": []
        },
        {
          "name": "closeOnEscape",
          "description": "`closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\nProperty: closeOnEscape\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "panelClass",
          "description": "`panelClass` {`string`} - Custom CSS class(es) added to the Tippy popper element, allowing per-instance styling from the host.\n\nProperty: panelClass\n\nDefault: "
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-init",
          "description": "`nile-init` {} - Component initialized."
        },
        {
          "name": "onnile-destroy",
          "description": "`nile-destroy` {} - Component destroyed."
        },
        {
          "name": "onnile-show",
          "description": "`nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel opened."
        },
        {
          "name": "onnile-hide",
          "description": "`nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel closed."
        },
        {
          "name": "onnile-after-show",
          "description": "`nile-after-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully visible after animation."
        },
        {
          "name": "onnile-after-hide",
          "description": "`nile-after-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully hidden after animation."
        },
        {
          "name": "onnile-toggle",
          "description": "`nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Open/close transition (detail.open)."
        },
        {
          "name": "onnile-visibility-change",
          "description": "`nile-visibility-change` {} - Hidden by scroll/tab change."
        }
      ]
    },
    {
      "name": "nile-footer",
      "description": "Nile icon component.\n\n",
      "attributes": []
    },
    {
      "name": "nile-form-error-message",
      "description": "Nile icon component.\n\n",
      "attributes": []
    },
    {
      "name": "nile-form-group",
      "description": "Nile Form Group component.\n\nAttributes:\n\n  * `title` {`string`} - The Form Title . If you need to display HTML, use the `title` slot instead.\n\n  * `subtitle` {`string`} - The Form subtitle . If you need to display HTML, use the `subtitle` slot instead.\n\nProperties:\n\n  * `nileformgroup` {`HTMLInputElement`} - \n\n  * `title` {`string`} - The Form Title . If you need to display HTML, use the `title` slot instead.\n\n  * `subtitle` {`string`} - The Form subtitle . If you need to display HTML, use the `subtitle` slot instead.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "title",
          "description": "`title` {`string`} - The Form Title . If you need to display HTML, use the `title` slot instead.\n\nProperty: title\n\nDefault: "
        },
        {
          "name": "subtitle",
          "description": "`subtitle` {`string`} - The Form subtitle . If you need to display HTML, use the `subtitle` slot instead.\n\nProperty: subtitle\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-form-help-text",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `isExpanded` {`boolean`} - \n\nProperties:\n\n  * `isExpanded` {`boolean`} - \n\n  * `showButton` {`boolean`} - \n\n  * `textContainer` {`HTMLSpanElement`} - \n\n  * `resizeObserver` - ",
      "attributes": [
        {
          "name": "isExpanded",
          "description": "`isExpanded` {`boolean`} - \n\nProperty: isExpanded\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-format-date",
      "description": "Nile format-date component.\n\nAttributes:\n\n  * `date` {`string | Date`} - The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).\n\n  * `weekday` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the weekday.\n\n  * `era` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the era.\n\n  * `year` {`\"numeric\" | \"2-digit\"`} - The format for displaying the year.\n\n  * `month` {`\"long\" | \"narrow\" | \"short\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\n  * `day` {`\"numeric\" | \"2-digit\"`} - The format for displaying the day.\n\n  * `hour` {`\"numeric\" | \"2-digit\"`} - The format for displaying the hour.\n\n  * `minute` {`\"numeric\" | \"2-digit\"`} - The format for displaying the minute.\n\n  * `second` {`\"numeric\" | \"2-digit\"`} - The format for displaying the second.\n\n  * `time-zone-name` {`\"long\" | \"short\"`} - The format for displaying the time.\n\n  * `time-zone` {`string`} - The time zone to express the time in.\n\n  * `hour-format` {`\"auto\" | \"12\" | \"24\"`} - The format for displaying the hour.\n\n  * `date-separator` {`\"-\" | \"/\"`} - The separator for the date format.\n\nProperties:\n\n  * `date` {`string | Date`} - The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).\n\n  * `weekday` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the weekday.\n\n  * `era` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the era.\n\n  * `year` {`\"numeric\" | \"2-digit\"`} - The format for displaying the year.\n\n  * `month` {`\"long\" | \"narrow\" | \"short\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\n  * `day` {`\"numeric\" | \"2-digit\"`} - The format for displaying the day.\n\n  * `hour` {`\"numeric\" | \"2-digit\"`} - The format for displaying the hour.\n\n  * `minute` {`\"numeric\" | \"2-digit\"`} - The format for displaying the minute.\n\n  * `second` {`\"numeric\" | \"2-digit\"`} - The format for displaying the second.\n\n  * `timeZoneName` {`\"long\" | \"short\"`} - The format for displaying the time.\n\n  * `timeZone` {`string`} - The time zone to express the time in.\n\n  * `hourFormat` {`\"auto\" | \"12\" | \"24\"`} - The format for displaying the hour.\n\n  * `dateSeparator` {`\"-\" | \"/\"`} - The separator for the date format.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "date",
          "description": "`date` {`string | Date`} - The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).\n\nProperty: date\n\nDefault: new Date()",
          "values": []
        },
        {
          "name": "weekday",
          "description": "`weekday` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the weekday.\n\nProperty: weekday",
          "values": [
            {
              "name": "long"
            },
            {
              "name": "narrow"
            },
            {
              "name": "short"
            }
          ]
        },
        {
          "name": "era",
          "description": "`era` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the era.\n\nProperty: era",
          "values": [
            {
              "name": "long"
            },
            {
              "name": "narrow"
            },
            {
              "name": "short"
            }
          ]
        },
        {
          "name": "year",
          "description": "`year` {`\"numeric\" | \"2-digit\"`} - The format for displaying the year.\n\nProperty: year",
          "values": [
            {
              "name": "numeric"
            },
            {
              "name": "2-digit"
            }
          ]
        },
        {
          "name": "month",
          "description": "`month` {`\"long\" | \"narrow\" | \"short\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\nProperty: month",
          "values": [
            {
              "name": "long"
            },
            {
              "name": "narrow"
            },
            {
              "name": "short"
            },
            {
              "name": "numeric"
            },
            {
              "name": "2-digit"
            }
          ]
        },
        {
          "name": "day",
          "description": "`day` {`\"numeric\" | \"2-digit\"`} - The format for displaying the day.\n\nProperty: day",
          "values": [
            {
              "name": "numeric"
            },
            {
              "name": "2-digit"
            }
          ]
        },
        {
          "name": "hour",
          "description": "`hour` {`\"numeric\" | \"2-digit\"`} - The format for displaying the hour.\n\nProperty: hour",
          "values": [
            {
              "name": "numeric"
            },
            {
              "name": "2-digit"
            }
          ]
        },
        {
          "name": "minute",
          "description": "`minute` {`\"numeric\" | \"2-digit\"`} - The format for displaying the minute.\n\nProperty: minute",
          "values": [
            {
              "name": "numeric"
            },
            {
              "name": "2-digit"
            }
          ]
        },
        {
          "name": "second",
          "description": "`second` {`\"numeric\" | \"2-digit\"`} - The format for displaying the second.\n\nProperty: second",
          "values": [
            {
              "name": "numeric"
            },
            {
              "name": "2-digit"
            }
          ]
        },
        {
          "name": "time-zone-name",
          "description": "`time-zone-name` {`\"long\" | \"short\"`} - The format for displaying the time.\n\nProperty: timeZoneName",
          "values": [
            {
              "name": "long"
            },
            {
              "name": "short"
            }
          ]
        },
        {
          "name": "time-zone",
          "description": "`time-zone` {`string`} - The time zone to express the time in.\n\nProperty: timeZone"
        },
        {
          "name": "hour-format",
          "description": "`hour-format` {`\"auto\" | \"12\" | \"24\"`} - The format for displaying the hour.\n\nProperty: hourFormat\n\nDefault: auto",
          "values": [
            {
              "name": "auto"
            },
            {
              "name": "12"
            },
            {
              "name": "24"
            }
          ]
        },
        {
          "name": "date-separator",
          "description": "`date-separator` {`\"-\" | \"/\"`} - The separator for the date format.\n\nProperty: dateSeparator\n\nDefault: -",
          "values": [
            {
              "name": "-"
            },
            {
              "name": "/"
            }
          ]
        }
      ]
    },
    {
      "name": "nile-grid-body",
      "description": "Nile grid-body component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": []
    },
    {
      "name": "nile-grid-cell-item",
      "description": "Nile grid-cell component.\n\nAttributes:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `resizable` {`boolean`} - \n\nProperties:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `resizable` {`boolean`} - \n\n  * `onHandlePointerDown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "colspan",
          "description": "`colspan` {`number`} - \n\nProperty: colspan\n\nDefault: 1"
        },
        {
          "name": "rowspan",
          "description": "`rowspan` {`number`} - \n\nProperty: rowspan\n\nDefault: 1"
        },
        {
          "name": "resizable",
          "description": "`resizable` {`boolean`} - \n\nProperty: resizable\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-grid-head-item",
      "description": "Nile grid-head-item component.\n\nAttributes:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `resizable` {`boolean`} - \n\n  * `width` {`string | null`} - \n\n  * `sticky` {`string | null`} - \n\n  * `lockWidth` {`boolean`} - \n\nProperties:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `resizable` {`boolean`} - \n\n  * `width` {`string | null`} - \n\n  * `sticky` {`string | null`} - \n\n  * `lockWidth` {`boolean`} - \n\n  * `onHandlePointerDown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "colspan",
          "description": "`colspan` {`number`} - \n\nProperty: colspan\n\nDefault: 1"
        },
        {
          "name": "rowspan",
          "description": "`rowspan` {`number`} - \n\nProperty: rowspan\n\nDefault: 1"
        },
        {
          "name": "resizable",
          "description": "`resizable` {`boolean`} - \n\nProperty: resizable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "width",
          "description": "`width` {`string | null`} - \n\nProperty: width\n\nDefault: null",
          "values": []
        },
        {
          "name": "sticky",
          "description": "`sticky` {`string | null`} - \n\nProperty: sticky\n\nDefault: null",
          "values": []
        },
        {
          "name": "lockWidth",
          "description": "`lockWidth` {`boolean`} - \n\nProperty: lockWidth\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-grid-head",
      "description": "Nile grid-head component.\n\nAttributes:\n\n  * `sticky` {`boolean`} - \n\nProperties:\n\n  * `sticky` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "sticky",
          "description": "`sticky` {`boolean`} - \n\nProperty: sticky\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-grid-row",
      "description": "Nile grid-row component.\n\nAttributes:\n\n  * `disabled` {`boolean`} - \n\n  * `hover` {`boolean`} - \n\n  * `selected` {`boolean`} - \n\nProperties:\n\n  * `disabled` {`boolean`} - \n\n  * `hover` {`boolean`} - \n\n  * `selected` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hover",
          "description": "`hover` {`boolean`} - \n\nProperty: hover\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "selected",
          "description": "`selected` {`boolean`} - \n\nProperty: selected\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-grid",
      "description": "Nile grid component.\n\nAttributes:\n\n  * `enableScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\n  * `hoverable` {`boolean`} - To enable hoverable rows\n\n  * `overflowScrollBehaviour` {`string`} - Controls vertical overscroll behavior when the grid is scrollable.\n\n  * `minColumnWidth` {`number`} - Minimum column width\n\nProperties:\n\n  * `columnWidths` {`number[]`} - To store the column widths in the beginning and after resizing\n\n  * `slotEl` {`HTMLSlotElement`} - To get the slot element\n\n  * `resizeStart` {`HTMLElement`} - To get the first resize line to show the resize handle\n\n  * `resizeEnd` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `shadowLeft` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `shadowRight` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `enableScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\n  * `hoverable` {`boolean`} - To enable hoverable rows\n\n  * `overflowScrollBehaviour` {`string`} - Controls vertical overscroll behavior when the grid is scrollable.\n\n  * `mo` {`MutationObserver | undefined`} - To store the mutation observer\n\n  * `resizeObserver` - To store the resize observer\n\n  * `resizeObserverStickyShadows` - \n\n  * `raf` {`number`} - To store the request animation frame\n\n  * `minColumnWidth` {`number`} - Minimum column width\n\n  * `stickyLeftIndexes` {`number[]`} - To store the sticky index's\n\n  * `stickyRightIndexes` {`number[]`} - To store the sticky index's\n\n  * `cellHeight` {`number | null`} - To calculate the rowspan height\n\n  * `headHeight` {`number | null`} - \n\n  * `widthsInitialized` {`boolean`} - To check if the widths are initialized\n\n  * `lockedWidthColumns` {`boolean[]`} - To check if the widths are initialized\n\n  * `prefixSumColumnsWidth` {`PrefixColumn[]`} - prefix columns width\n\n  * `stickyColumns` {`number[]`} - prefix columns width\n\n  * `bodyRows` {`HTMLElement[]`} - body rows\n\n  * `headRows` {`HTMLElement[]`} - head rows\n\n  * `needsStructureLayout` {`boolean`} - \n\n  * `needsWidthLayout` {`boolean`} - \n\n  * `needsSpanLayout` {`boolean`} - \n\n  * `colCount` {`number`} - \n\n  * `isGridReady` {`boolean`} - \n\n  * `shadowLeftVisibleSticky` {`boolean | undefined`} - \n\n  * `shadowRightVisibleSticky` {`boolean | undefined`} - \n\n  * `stickyLeftHeadEls` {`HTMLElement[]`} - \n\n  * `stickyRightHeadEls` {`HTMLElement[]`} - \n\n  * `stickyLeftBodyEls` {`HTMLElement[]`} - \n\n  * `stickyRightBodyEls` {`HTMLElement[]`} - \n\n  * `resizeTimer` - \n\n  * `shadowRaf` {`number`} - To throttle sticky shadow updates\n\n  * `resizeBaseColumnWidths` {`number[]`} - \n\n  * `syncStickyShadowsRaf` - \n\n  * `onResize` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "enableScroll",
          "description": "`enableScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\nProperty: enableScroll\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hoverable",
          "description": "`hoverable` {`boolean`} - To enable hoverable rows\n\nProperty: hoverable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "overflowScrollBehaviour",
          "description": "`overflowScrollBehaviour` {`string`} - Controls vertical overscroll behavior when the grid is scrollable.\n\nProperty: overflowScrollBehaviour\n\nDefault: none"
        },
        {
          "name": "minColumnWidth",
          "description": "`minColumnWidth` {`number`} - Minimum column width\n\nProperty: minColumnWidth\n\nDefault: 40"
        }
      ]
    },
    {
      "name": "nile-heading",
      "description": "An nile-heading 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  * `name` {`string`} - Button Lab\n\n  * `size` {`string`} - Text Size\n\nProperties:\n\n  * `styles` - \n\n  * `name` {`string`} - Button Lab\n\n  * `size` {`string`} - Text Size\n\n  * `override` - ",
      "attributes": [
        {
          "name": "name",
          "description": "`name` {`string`} - Button Lab\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`string`} - Text Size\n\nProperty: size\n\nDefault: header-1"
        },
        {
          "name": "oncount-changed",
          "description": "`count-changed` {} - Indicates when the count changes"
        }
      ]
    },
    {
      "name": "nile-hero-header",
      "description": "Nile hero-header component.\n\nAttributes:\n\n  * `icon` {`string`} - \n\n  * `hero-text` {`string`} - \n\nProperties:\n\n  * `icon` {`string`} - \n\n  * `heroText` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "icon",
          "description": "`icon` {`string`} - \n\nProperty: icon\n\nDefault: var(--nile-icon-action, var(--ng-icon-action))"
        },
        {
          "name": "hero-text",
          "description": "`hero-text` {`string`} - \n\nProperty: heroText\n\nDefault: Nile Hero"
        }
      ]
    },
    {
      "name": "nile-hero",
      "description": "Nile hero component.\n\nAttributes:\n\n  * `icon` {`string`} - \n\n  * `collapse` {`boolean`} - \n\n  * `img-src` {`string`} - \n\n  * `hero-text` {`string`} - \n\nProperties:\n\n  * `icon` {`string`} - \n\n  * `collapse` {`boolean`} - \n\n  * `imgSrc` {`string`} - \n\n  * `heroText` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "icon",
          "description": "`icon` {`string`} - \n\nProperty: icon\n\nDefault: var(--nile-icon-action, var(--ng-icon-action))"
        },
        {
          "name": "collapse",
          "description": "`collapse` {`boolean`} - \n\nProperty: collapse\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "img-src",
          "description": "`img-src` {`string`} - \n\nProperty: imgSrc\n\nDefault: "
        },
        {
          "name": "hero-text",
          "description": "`hero-text` {`string`} - \n\nProperty: heroText\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-icon-button",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `name` {`string | undefined`} - The name of the icon to draw. Available names depend on the icon library being used.\n\n  * `library` {`string | undefined`} - The name of a registered custom icon library.\n\n  * `src` {`string | undefined`} - An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.\n\n  * `href` {`string | undefined`} - When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Tells the browser where to open the link. Only used when `href` is set.\n\n  * `download` {`string | undefined`} - Tells the browser to download the linked file as this filename. Only used when `href` is set.\n\n  * `label` {`string`} - A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.\n\n  * `disabled` {`boolean`} - Disables the button.\n\n  * `color` {`string | undefined`} - Default color to icon\n\n  * `ishovered` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `button` {`HTMLButtonElement | HTMLLinkElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `name` {`string | undefined`} - The name of the icon to draw. Available names depend on the icon library being used.\n\n  * `library` {`string | undefined`} - The name of a registered custom icon library.\n\n  * `src` {`string | undefined`} - An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.\n\n  * `href` {`string | undefined`} - When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Tells the browser where to open the link. Only used when `href` is set.\n\n  * `download` {`string | undefined`} - Tells the browser to download the linked file as this filename. Only used when `href` is set.\n\n  * `label` {`string`} - A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.\n\n  * `disabled` {`boolean`} - Disables the button.\n\n  * `color` {`string | undefined`} - Default color to icon\n\n  * `ishovered` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "name",
          "description": "`name` {`string | undefined`} - The name of the icon to draw. Available names depend on the icon library being used.\n\nProperty: name",
          "values": []
        },
        {
          "name": "library",
          "description": "`library` {`string | undefined`} - The name of a registered custom icon library.\n\nProperty: library",
          "values": []
        },
        {
          "name": "src",
          "description": "`src` {`string | undefined`} - An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.\n\nProperty: src",
          "values": []
        },
        {
          "name": "href",
          "description": "`href` {`string | undefined`} - When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.\n\nProperty: href",
          "values": []
        },
        {
          "name": "target",
          "description": "`target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Tells the browser where to open the link. Only used when `href` is set.\n\nProperty: target",
          "values": [
            {
              "name": "_blank"
            },
            {
              "name": "_parent"
            },
            {
              "name": "_self"
            },
            {
              "name": "_top"
            }
          ]
        },
        {
          "name": "download",
          "description": "`download` {`string | undefined`} - Tells the browser to download the linked file as this filename. Only used when `href` is set.\n\nProperty: download",
          "values": []
        },
        {
          "name": "label",
          "description": "`label` {`string`} - A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the button.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "color",
          "description": "`color` {`string | undefined`} - Default color to icon\n\nProperty: color",
          "values": []
        },
        {
          "name": "ishovered",
          "description": "`ishovered` {`boolean`} - \n\nProperty: ishovered\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-icon",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `set` {IconName | undefined} - The name of the icon set\n\n  * `name` {IconName | undefined} - The name of the icon\n\n  * `description` {`string`} - A description of what the icon represents\n\n  * `method` {`string`} - \n\n  * `customSvgPath` {`string | undefined`} - A path to a custom SVG file to display as the icon\n\n  * `size` {`number`} - A size of what the icon represents\n\n  * `color` - Color\n\n  * `push` {`boolean`} - \n\n  * `noFill` {`boolean`} - \n\n  * `frame` - Retain Viewbox\n\n  * `override` - \n\nProperties:\n\n  * `set` {IconName | undefined} - The name of the icon set\n\n  * `name` {IconName | undefined} - The name of the icon\n\n  * `description` {`string`} - A description of what the icon represents\n\n  * `method` {`string`} - \n\n  * `customSvgPath` {`string | undefined`} - A path to a custom SVG file to display as the icon\n\n  * `size` {`number`} - A size of what the icon represents\n\n  * `_svg` {`string`} - \n\n  * `title` {`string`} - \n\n  * `color` - Color\n\n  * `push` {`boolean`} - \n\n  * `noFill` {`boolean`} - \n\n  * `frame` - Retain Viewbox\n\n  * `styles` - \n\n  * `buttonClassMap` {`ButtonClassMap`} - \n\n  * `override` - ",
      "attributes": [
        {
          "name": "set",
          "description": "`set` {IconName | undefined} - The name of the icon set\n\nProperty: set\n\nDefault: local",
          "values": []
        },
        {
          "name": "name",
          "description": "`name` {IconName | undefined} - The name of the icon\n\nProperty: name",
          "values": []
        },
        {
          "name": "description",
          "description": "`description` {`string`} - A description of what the icon represents\n\nProperty: description\n\nDefault: "
        },
        {
          "name": "method",
          "description": "`method` {`string`} - \n\nProperty: method\n\nDefault: fill"
        },
        {
          "name": "customSvgPath",
          "description": "`customSvgPath` {`string | undefined`} - A path to a custom SVG file to display as the icon\n\nProperty: customSvgPath",
          "values": []
        },
        {
          "name": "size",
          "description": "`size` {`number`} - A size of what the icon represents\n\nProperty: size\n\nDefault: 16"
        },
        {
          "name": "color",
          "description": "`color` - Color\n\nProperty: color"
        },
        {
          "name": "push",
          "description": "`push` {`boolean`} - \n\nProperty: push\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noFill",
          "description": "`noFill` {`boolean`} - \n\nProperty: noFill\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "frame",
          "description": "`frame` - Retain Viewbox\n\nProperty: frame"
        },
        {
          "name": "override",
          "description": "`override` - \n\nProperty: override"
        }
      ]
    },
    {
      "name": "nile-inline-edit",
      "description": "Nile inline-edit component.\n\nAttributes:\n\n  * `label` {`string`} - Gives the label to the Inline Edit\n\n  * `placeholder` {`string`} - Gives the Placeholder to the Inline Edit\n\n  * `open` {`boolean`} - Open prop for displaying default slot in Inline Edit\n\n  * `value` {`string`} - Gives the Value to the Inline Edit\n\n  * `max-placeholder-length` {`number`} - Maximum length for the placeholder value. Values longer than this will be truncated\n\n  * `auto-close` {`boolean`} - Enables automatic closing when focus moves outside the component or when clicking outside\n\n  * `disabled` {`boolean`} - Disables the inline edit, preventing it from being opened\n\nProperties:\n\n  * `label` {`string`} - Gives the label to the Inline Edit\n\n  * `placeholder` {`string`} - Gives the Placeholder to the Inline Edit\n\n  * `open` {`boolean`} - Open prop for displaying default slot in Inline Edit\n\n  * `value` {`string`} - Gives the Value to the Inline Edit\n\n  * `maxPlaceholderLength` {`number`} - Maximum length for the placeholder value. Values longer than this will be truncated\n\n  * `autoClose` {`boolean`} - Enables automatic closing when focus moves outside the component or when clicking outside\n\n  * `disabled` {`boolean`} - Disables the inline edit, preventing it from being opened\n\n  * `handleDocumentFocusInWrapper` - \n\n  * `handleDocumentMouseDownWrapper` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "label",
          "description": "`label` {`string`} - Gives the label to the Inline Edit\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - Gives the Placeholder to the Inline Edit\n\nProperty: placeholder\n\nDefault: "
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - Open prop for displaying default slot in Inline Edit\n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "value",
          "description": "`value` {`string`} - Gives the Value to the Inline Edit\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "max-placeholder-length",
          "description": "`max-placeholder-length` {`number`} - Maximum length for the placeholder value. Values longer than this will be truncated\n\nProperty: maxPlaceholderLength\n\nDefault: 25"
        },
        {
          "name": "auto-close",
          "description": "`auto-close` {`boolean`} - Enables automatic closing when focus moves outside the component or when clicking outside\n\nProperty: autoClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the inline edit, preventing it from being opened\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-inline-sidebar-group",
      "description": "Nile inline sidebar group.\n\nSlots:\n\n  * ` ` {} - Inline sidebar items\n\n  * `label` {} - Optional label/header for the group\n\nAttributes:\n\n  * `label` {`string`} - Optional group label\n\n  * `divider` {`boolean`} - Whether to show a divider below the group (default: true)\n\nProperties:\n\n  * `label` {`string`} - Optional group label\n\n  * `divider` {`boolean`} - Whether to show a divider below the group (default: true)\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "label",
          "description": "`label` {`string`} - Optional group label\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "divider",
          "description": "`divider` {`boolean`} - Whether to show a divider below the group (default: true)\n\nProperty: divider\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-inline-sidebar-item-body",
      "description": "Nile inline-sidebar-item-body component.\n\nAttributes:\n\n  * `lines` {`number`} - Maximum number of visible lines before text is truncated with an ellipsis.\n\n  * `content` {`string`} - \n\n  * `showTooltip` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `active` {`boolean`} - \n\nProperties:\n\n  * `lines` {`number`} - Maximum number of visible lines before text is truncated with an ellipsis.\n\n  * `content` {`string`} - \n\n  * `showTooltip` {`boolean`} - \n\n  * `isTruncated` {`boolean`} - \n\n  * `bodyContentEl` {`HTMLElement`} - \n\n  * `disabled` {`boolean`} - \n\n  * `active` {`boolean`} - \n\n  * `resizeObserver` - \n\n  * `contentTemplate` {`UncompiledTemplateResult<ResultType>`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "lines",
          "description": "`lines` {`number`} - Maximum number of visible lines before text is truncated with an ellipsis.\n\nProperty: lines\n\nDefault: 2"
        },
        {
          "name": "content",
          "description": "`content` {`string`} - \n\nProperty: content\n\nDefault: "
        },
        {
          "name": "showTooltip",
          "description": "`showTooltip` {`boolean`} - \n\nProperty: showTooltip\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-inline-sidebar-item-header",
      "description": "Nile inline-sidebar-item-header component.\n\nAttributes:\n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "active",
          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-inline-sidebar-item",
      "description": "Nile inline sidebar item.\n\nEvents:\n\n  * `nile-select` {} - Emitted when the item is clicked (not disabled).\ndetail: { item: this, href?: string }\n\n  * `nile-click` {`CustomEvent<{ item: this; href: string | undefined; text: string; }>`} - \n\nSlots:\n\n  * ` ` {} - Default slot for the item text or content.\n\nAttributes:\n\n  * `tooltip` {`boolean`} - \n\n  * `variant` {`\"minimal\" | \"rich\" | undefined`} - \n\n  * `panel` {`string | undefined`} - Links this item to a `nile-inline-sidebar-panel` by matching its `name` property.\n\n  * `active` {`boolean`} - Marks the item as active (selected).\n\n  * `disabled` {`boolean`} - Marks the item as disabled (non-interactive).\n\n  * `href` {`string | undefined`} - Optional URL to navigate to when the item is clicked.\n\nProperties:\n\n  * `tooltip` {`boolean`} - \n\n  * `variant` {`\"minimal\" | \"rich\" | undefined`} - \n\n  * `panel` {`string | undefined`} - Links this item to a `nile-inline-sidebar-panel` by matching its `name` property.\n\n  * `_handleHostKeyDown` - \n\n  * `active` {`boolean`} - Marks the item as active (selected).\n\n  * `disabled` {`boolean`} - Marks the item as disabled (non-interactive).\n\n  * `href` {`string | undefined`} - Optional URL to navigate to when the item is clicked.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "tooltip",
          "description": "`tooltip` {`boolean`} - \n\nProperty: tooltip\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "variant",
          "description": "`variant` {`\"minimal\" | \"rich\" | undefined`} - \n\nProperty: variant\n\nDefault: minimal",
          "values": [
            {
              "name": "minimal"
            },
            {
              "name": "rich"
            }
          ]
        },
        {
          "name": "panel",
          "description": "`panel` {`string | undefined`} - Links this item to a `nile-inline-sidebar-panel` by matching its `name` property.\n\nProperty: panel",
          "values": []
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - Marks the item as active (selected).\n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Marks the item as disabled (non-interactive).\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "href",
          "description": "`href` {`string | undefined`} - Optional URL to navigate to when the item is clicked.\n\nProperty: href",
          "values": []
        },
        {
          "name": "onnile-select",
          "description": "`nile-select` {} - Emitted when the item is clicked (not disabled).\ndetail: { item: this, href?: string }"
        },
        {
          "name": "onnile-click",
          "description": "`nile-click` {`CustomEvent<{ item: this; href: string | undefined; text: string; }>`} - "
        }
      ]
    },
    {
      "name": "nile-inline-sidebar-panel-group",
      "description": "Layout container that positions a `nile-inline-sidebar` beside one or more\n`nile-inline-sidebar-panel` elements. Handles panel switching when sidebar\nitems are clicked.\n\nSlots:\n\n  * `sidebar` {} - Slot for the `nile-inline-sidebar` element.\n\n  * ` ` {} - Default slot for `nile-inline-sidebar-panel` elements.\n\nAttributes:\n\n  * `placement` {`\"left\" | \"right\"`} - Mirrors the sidebar's placement to control layout direction.\n\nProperties:\n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `panels` {`NileInlineSidebarPanel[]`} - \n\n  * `handleSidebarItemClick` - \n\n  * `placement` {`\"left\" | \"right\"`} - Mirrors the sidebar's placement to control layout direction.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "placement",
          "description": "`placement` {`\"left\" | \"right\"`} - Mirrors the sidebar's placement to control layout direction.\n\nProperty: placement\n\nDefault: left",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        }
      ]
    },
    {
      "name": "nile-inline-sidebar-panel",
      "description": "Content panel associated with a `nile-inline-sidebar-item`.\nLinked via the item's `panel` property matching this panel's `name`.\n\nSlots:\n\n  * ` ` {} - Default slot for panel content.\n\nAttributes:\n\n  * `name` {`string`} - Identifier that links this panel to a sidebar item's `panel` property.\n\n  * `active` {`boolean`} - Whether this panel is currently visible.\n\nProperties:\n\n  * `name` {`string`} - Identifier that links this panel to a sidebar item's `panel` property.\n\n  * `active` {`boolean`} - Whether this panel is currently visible.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "name",
          "description": "`name` {`string`} - Identifier that links this panel to a sidebar item's `panel` property.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - Whether this panel is currently visible.\n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-inline-sidebar",
      "description": "Nile inline sidebar component.\n\nEvents:\n\n  * `nile-change` {`CustomEvent<{ selectedItem: HTMLElement; index: number; }>`} - \n\n  * `nile-toggle` {`CustomEvent<{ collapsed: boolean; }>`} - \n\n  * `nile-click` {`CustomEvent<{ item: HTMLElement; href: any; text: string; }>`} - \n\nAttributes:\n\n  * `collapsed` {`boolean`} - \n\n  * `fixed` {`boolean`} - \n\n  * `showTooltip` {`boolean`} - \n\n  * `placement` {`\"left\" | \"right\"`} - The side on which the sidebar is placed.\n\n  * `resizable` {`boolean`} - Enables a draggable resize handle on the sidebar's trailing edge.\n\n  * `sidebarWidth` {`number`} - Current sidebar width in pixels when resizable is enabled.\n\n  * `minSidebarWidth` {`number`} - Minimum sidebar width in pixels.\n\n  * `showToggleBtn` {`boolean`} - \n\n  * `maxSidebarWidth` {`number`} - Maximum sidebar width in pixels.\n\n  * `variant` {`\"minimal\" | \"rich\" | undefined`} - \n\nProperties:\n\n  * `collapsed` {`boolean`} - \n\n  * `fixed` {`boolean`} - \n\n  * `showTooltip` {`boolean`} - \n\n  * `placement` {`\"left\" | \"right\"`} - The side on which the sidebar is placed.\n\n  * `resizable` {`boolean`} - Enables a draggable resize handle on the sidebar's trailing edge.\n\n  * `sidebarWidth` {`number`} - Current sidebar width in pixels when resizable is enabled.\n\n  * `minSidebarWidth` {`number`} - Minimum sidebar width in pixels.\n\n  * `showToggleBtn` {`boolean`} - \n\n  * `maxSidebarWidth` {`number`} - Maximum sidebar width in pixels.\n\n  * `variant` {`\"minimal\" | \"rich\" | undefined`} - \n\n  * `activeIndex` {`number`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `mutationObserver` {`MutationObserver | undefined`} - \n\n  * `sidebarItems` {`HTMLElement[]`} - \n\n  * `focusableItems` {`HTMLElement[]`} - \n\n  * `handleKeyDown` - \n\n  * `handleItemSelect` - \n\n  * `separatorTemplate` {`unique symbol | UncompiledTemplateResult<1>`} - \n\n  * `menuItemsTemplate` {`UncompiledTemplateResult<1>[] | null`} - \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": "fixed",
          "description": "`fixed` {`boolean`} - \n\nProperty: fixed\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "showTooltip",
          "description": "`showTooltip` {`boolean`} - \n\nProperty: showTooltip\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placement",
          "description": "`placement` {`\"left\" | \"right\"`} - The side on which the sidebar is placed.\n\nProperty: placement\n\nDefault: left",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        },
        {
          "name": "resizable",
          "description": "`resizable` {`boolean`} - Enables a draggable resize handle on the sidebar's trailing edge.\n\nProperty: resizable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "sidebarWidth",
          "description": "`sidebarWidth` {`number`} - Current sidebar width in pixels when resizable is enabled.\n\nProperty: sidebarWidth\n\nDefault: 216"
        },
        {
          "name": "minSidebarWidth",
          "description": "`minSidebarWidth` {`number`} - Minimum sidebar width in pixels.\n\nProperty: minSidebarWidth\n\nDefault: 120"
        },
        {
          "name": "showToggleBtn",
          "description": "`showToggleBtn` {`boolean`} - \n\nProperty: showToggleBtn\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "maxSidebarWidth",
          "description": "`maxSidebarWidth` {`number`} - Maximum sidebar width in pixels.\n\nProperty: maxSidebarWidth\n\nDefault: 400"
        },
        {
          "name": "variant",
          "description": "`variant` {`\"minimal\" | \"rich\" | undefined`} - \n\nProperty: variant\n\nDefault: minimal",
          "values": [
            {
              "name": "minimal"
            },
            {
              "name": "rich"
            }
          ]
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {`CustomEvent<{ selectedItem: HTMLElement; index: number; }>`} - "
        },
        {
          "name": "onnile-toggle",
          "description": "`nile-toggle` {`CustomEvent<{ collapsed: boolean; }>`} - "
        },
        {
          "name": "onnile-click",
          "description": "`nile-click` {`CustomEvent<{ item: HTMLElement; href: any; text: string; }>`} - "
        }
      ]
    },
    {
      "name": "nile-input",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `password-toggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `password-visible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `no-spin-buttons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `noOutline` - \n\n  * `noPadding` - \n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\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`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `passwordToggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `passwordVisible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `noSpinButtons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `hasPrintableCharacters` {`boolean`} - \n\n  * `markedValue` {`string`} - \n\n  * `noOutline` - \n\n  * `noPadding` - \n\n  * `valueAsDate` {`Date | null`} - Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.\n\n  * `valueAsNumber` {`number`} - Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `defaultValue` {`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`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\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": "title",
          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: "
        },
        {
          "name": "type",
          "description": "`type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\nProperty: type\n\nDefault: text",
          "values": [
            {
              "name": "number"
            },
            {
              "name": "text"
            },
            {
              "name": "time"
            },
            {
              "name": "date"
            },
            {
              "name": "datetime-local"
            },
            {
              "name": "email"
            },
            {
              "name": "password"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "url"
            }
          ]
        },
        {
          "name": "checkNonPrintableChar",
          "description": "`checkNonPrintableChar` {`boolean`} - \n\nProperty: checkNonPrintableChar\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "size",
          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\nProperty: size\n\nDefault: medium",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "medium"
            },
            {
              "name": "large"
            }
          ]
        },
        {
          "name": "filled",
          "description": "`filled` {`boolean`} - Draws a filled input.\n\nProperty: filled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "warning",
          "description": "`warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\nProperty: warning\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "success",
          "description": "`success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\nProperty: success\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "destructive",
          "description": "`destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\nProperty: destructive\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "pill",
          "description": "`pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\nProperty: pill\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "clearable",
          "description": "`clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\nProperty: clearable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\nProperty: placeholder\n\nDefault: "
        },
        {
          "name": "readonly",
          "description": "`readonly` {`boolean`} - Makes the input readonly.\n\nProperty: readonly\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "password-toggle",
          "description": "`password-toggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\nProperty: passwordToggle\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "password-visible",
          "description": "`password-visible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\nProperty: passwordVisible\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "no-spin-buttons",
          "description": "`no-spin-buttons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\nProperty: noSpinButtons\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "autocapitalize",
          "description": "`autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\nProperty: autocapitalize",
          "values": [
            {
              "name": "none"
            },
            {
              "name": "off"
            },
            {
              "name": "on"
            },
            {
              "name": "sentences"
            },
            {
              "name": "words"
            },
            {
              "name": "characters"
            }
          ]
        },
        {
          "name": "autocorrect",
          "description": "`autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\nProperty: autocorrect",
          "values": [
            {
              "name": "off"
            },
            {
              "name": "on"
            }
          ]
        },
        {
          "name": "autocomplete",
          "description": "`autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\nProperty: autocomplete\n\nDefault: off"
        },
        {
          "name": "autofocus",
          "description": "`autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\nProperty: autofocus",
          "valueSet": "v"
        },
        {
          "name": "enterkeyhint",
          "description": "`enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\nProperty: enterkeyhint",
          "values": [
            {
              "name": "search"
            },
            {
              "name": "enter"
            },
            {
              "name": "done"
            },
            {
              "name": "go"
            },
            {
              "name": "next"
            },
            {
              "name": "previous"
            },
            {
              "name": "send"
            }
          ]
        },
        {
          "name": "spellcheck",
          "description": "`spellcheck` {`boolean`} - Enables spell checking on the input.\n\nProperty: spellcheck\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "canSavePassword",
          "description": "`canSavePassword` {`boolean`} - \n\nProperty: canSavePassword\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "inputmode",
          "description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
          "values": [
            {
              "name": "text"
            },
            {
              "name": "none"
            },
            {
              "name": "numeric"
            },
            {
              "name": "email"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "url"
            },
            {
              "name": "decimal"
            }
          ]
        },
        {
          "name": "noOutline",
          "description": "`noOutline` - \n\nProperty: noOutline\n\nDefault: false"
        },
        {
          "name": "noPadding",
          "description": "`noPadding` - \n\nProperty: noPadding\n\nDefault: false"
        },
        {
          "name": "name",
          "description": "`name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "form",
          "description": "`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\nProperty: form\n\nDefault: "
        },
        {
          "name": "pattern",
          "description": "`pattern` {`string`} - A regular expression pattern to validate input against.\n\nProperty: pattern"
        },
        {
          "name": "min",
          "description": "`min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\nProperty: min",
          "values": []
        },
        {
          "name": "max",
          "description": "`max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\nProperty: max",
          "values": []
        },
        {
          "name": "step",
          "description": "`step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\nProperty: step",
          "values": [
            {
              "name": "any"
            }
          ]
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - Makes the input a required field.\n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "minlength",
          "description": "`minlength` {`number`} - The minimum length of input that will be considered valid.\n\nProperty: minlength"
        },
        {
          "name": "maxlength",
          "description": "`maxlength` {`number`} - The maximum length of input that will be considered valid.\n\nProperty: maxlength"
        }
      ]
    },
    {
      "name": "nile-link",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `disabled` {`boolean`} - Disables the button.\n\n  * `button` {`boolean`} - \n\n  * `href` {`string`} - \n\nProperties:\n\n  * `hasSlotController` - \n\n  * `hasFocus` {`boolean`} - \n\n  * `disabled` {`boolean`} - Disables the button.\n\n  * `button` {`boolean`} - \n\n  * `href` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the button.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "button",
          "description": "`button` {`boolean`} - \n\nProperty: button\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "href",
          "description": "`href` {`string`} - \n\nProperty: href"
        }
      ]
    },
    {
      "name": "nile-list-item",
      "description": "Nile list-item component.\n\nAttributes:\n\n  * `icon-name` {`string`} - \n\n  * `icon-size` {`number`} - \n\n  * `heading` {`string`} - \n\n  * `sub-heading` {`string`} - \n\nProperties:\n\n  * `hasSlotController` - The styles for nile-list-item\n\n  * `iconName` {`string`} - \n\n  * `iconSize` {`number`} - \n\n  * `heading` {`string`} - \n\n  * `subHeading` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "icon-name",
          "description": "`icon-name` {`string`} - \n\nProperty: iconName\n\nDefault: "
        },
        {
          "name": "icon-size",
          "description": "`icon-size` {`number`} - \n\nProperty: iconSize\n\nDefault: 14"
        },
        {
          "name": "heading",
          "description": "`heading` {`string`} - \n\nProperty: heading\n\nDefault: "
        },
        {
          "name": "sub-heading",
          "description": "`sub-heading` {`string`} - \n\nProperty: subHeading\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-list",
      "description": "Nile list component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": []
    },
    {
      "name": "nile-lite-tooltip",
      "description": "Nile lite-tooltip component.\n\nSupports wrapper, sibling (for), and singleton modes.\nAligns with Tippy.js props and Nile design system.\n\nEvents:\n\n  * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n  * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n  * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\nAttributes:\n\n  * `for` {`string | null`} - ID of the target element (for sibling mode)\n\n  * `content` {`string`} - Tooltip content text or HTML\n\n  * `size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\n  * `duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\n  * `interactive` {`boolean`} - Interactive mode\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\n  * `disabled` {`boolean`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `open` {`boolean`} - \n\n  * `trigger` {`string`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n  * `arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\n  * `singleton` {`boolean`} - \n\n  * `enableRecursiveMode` {`boolean`} - \n\n  * `delay` {`number | [number, number]`} - Not added in Doc\n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\nProperties:\n\n  * `for` {`string | null`} - ID of the target element (for sibling mode)\n\n  * `content` {`string`} - Tooltip content text or HTML\n\n  * `size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\n  * `duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\n  * `interactive` {`boolean`} - Interactive mode\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\n  * `disabled` {`boolean`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `open` {`boolean`} - \n\n  * `trigger` {`string`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n  * `arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\n  * `singleton` {`boolean`} - \n\n  * `enableRecursiveMode` {`boolean`} - \n\n  * `delay` {`number | [number, number]`} - Not added in Doc\n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `visibilityManager` - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\n  * `tooltipInstances` {`Instance<Props>[] | undefined`} - \n\n  * `singleInstance` {`Instance<Props> | undefined`} - \n\n  * `singletonInstance` {`Instance<Props> | undefined`} - \n\n  * `targetEl` {`HTMLElement | null | undefined`} - \n\n  * `generatedId` {`string | undefined`} - \n\n  * `prevDescribedby` {`string | null | undefined`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "for",
          "description": "`for` {`string | null`} - ID of the target element (for sibling mode)\n\nProperty: for\n\nDefault: null",
          "values": []
        },
        {
          "name": "content",
          "description": "`content` {`string`} - Tooltip content text or HTML\n\nProperty: content\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\nProperty: size\n\nDefault: small",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "large"
            }
          ]
        },
        {
          "name": "duration",
          "description": "`duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\nProperty: duration\n\nDefault: 200",
          "values": []
        },
        {
          "name": "interactive",
          "description": "`interactive` {`boolean`} - Interactive mode\n\nProperty: interactive\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placement",
          "description": "`placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\nProperty: placement\n\nDefault: top",
          "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": "auto"
            },
            {
              "name": "auto-start"
            },
            {
              "name": "auto-end"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "distance",
          "description": "`distance` {`number`} - \n\nProperty: distance\n\nDefault: 8"
        },
        {
          "name": "skidding",
          "description": "`skidding` {`number`} - \n\nProperty: skidding\n\nDefault: 0"
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "trigger",
          "description": "`trigger` {`string`} - \n\nProperty: trigger\n\nDefault: mouseenter focus"
        },
        {
          "name": "allowHTML",
          "description": "`allowHTML` {`boolean`} - \n\nProperty: allowHTML\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "followCursor",
          "description": "`followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\nProperty: followCursor\n\nDefault: false",
          "values": [
            {
              "name": "vertical"
            },
            {
              "name": "horizontal"
            },
            {
              "name": "initial"
            },
            {
              "name": "true"
            },
            {
              "name": "false"
            }
          ]
        },
        {
          "name": "arrow",
          "description": "`arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\nProperty: arrow\n\nDefault: default",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "none"
            },
            {
              "name": "default"
            },
            {
              "name": "large"
            },
            {
              "name": "round"
            },
            {
              "name": "narrow"
            },
            {
              "name": "wide"
            }
          ]
        },
        {
          "name": "singleton",
          "description": "`singleton` {`boolean`} - \n\nProperty: singleton\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableRecursiveMode",
          "description": "`enableRecursiveMode` {`boolean`} - \n\nProperty: enableRecursiveMode\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "delay",
          "description": "`delay` {`number | [number, number]`} - Not added in Doc\n\nProperty: delay\n\nDefault: 0",
          "values": []
        },
        {
          "name": "maxWidth",
          "description": "`maxWidth` {`string | number`} - \n\nProperty: maxWidth\n\nDefault: auto",
          "values": []
        },
        {
          "name": "zIndex",
          "description": "`zIndex` {`number`} - \n\nProperty: zIndex\n\nDefault: 9999"
        },
        {
          "name": "hideOnClick",
          "description": "`hideOnClick` {`boolean | \"toggle\"`} - \n\nProperty: hideOnClick\n\nDefault: true",
          "values": [
            {
              "name": "toggle"
            }
          ]
        },
        {
          "name": "inertia",
          "description": "`inertia` {`boolean`} - \n\nProperty: inertia\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "interactiveBorder",
          "description": "`interactiveBorder` {`number`} - \n\nProperty: interactiveBorder\n\nDefault: 2"
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "width",
          "description": "`width` {`string | undefined`} - \n\nProperty: width",
          "values": []
        },
        {
          "name": "height",
          "description": "`height` {`string | undefined`} - \n\nProperty: height",
          "values": []
        },
        {
          "name": "onnile-show",
          "description": "`nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - "
        },
        {
          "name": "onnile-toggle",
          "description": "`nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - "
        },
        {
          "name": "onnile-hide",
          "description": "`nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - "
        }
      ]
    },
    {
      "name": "nile-loader",
      "description": "Attributes:\n\n  * `height` {`string`} - \n\n  * `width` {`string`} - \n\n  * `label` {`string`} - \n\n  * `size` {`\"sm\" | \"md\" | \"lg\" | \"xl\"`} - \n\n  * `margin` {`string`} - \n\n  * `variant` {`string`} - \n\n  * `color` {`string`} - \n\nProperties:\n\n  * `propHeight` {`string`} - \n\n  * `propWidth` {`string`} - \n\n  * `label` {`string`} - \n\n  * `size` {`\"sm\" | \"md\" | \"lg\" | \"xl\"`} - \n\n  * `margin` {`string`} - \n\n  * `variant` {`string`} - \n\n  * `color` {`string`} - \n\n  * `height` {`string`} - \n\n  * `width` {`string`} - \n\n  * `styles` - \n\n  * `override` - ",
      "attributes": [
        {
          "name": "height",
          "description": "`height` {`string`} - \n\nProperty: propHeight\n\nDefault: "
        },
        {
          "name": "width",
          "description": "`width` {`string`} - \n\nProperty: propWidth\n\nDefault: "
        },
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`\"sm\" | \"md\" | \"lg\" | \"xl\"`} - \n\nProperty: size\n\nDefault: lg",
          "values": [
            {
              "name": "sm"
            },
            {
              "name": "md"
            },
            {
              "name": "lg"
            },
            {
              "name": "xl"
            }
          ]
        },
        {
          "name": "margin",
          "description": "`margin` {`string`} - \n\nProperty: margin\n\nDefault: "
        },
        {
          "name": "variant",
          "description": "`variant` {`string`} - \n\nProperty: variant\n\nDefault: v1"
        },
        {
          "name": "color",
          "description": "`color` {`string`} - \n\nProperty: color\n\nDefault: var(--nile-colors-primary-600,var(--ng-colors-fg-brand-primary-600))"
        }
      ]
    },
    {
      "name": "nile-markdown-editor",
      "description": "Events:\n\n  * `nile-input` {} - Emitted with `{ value }` on every keystroke or toolbar action.\n\n  * `nile-change` {} - Emitted with `{ value }` when the editor loses focus after an edit.\n\n  * `nile-mode-change` {} - Emitted with `{ mode }` when the write/preview/split mode changes.\n\nAttributes:\n\n  * `value` {`string`} - The markdown source.\n\n  * `placeholder` {`string`} - Placeholder shown when the editor is empty.\n\n  * `disabled` {`boolean`} - Disables the editor.\n\n  * `readonly` {`boolean`} - Makes the source read-only while still allowing mode switching.\n\n  * `rows` {`number`} - Number of visible text rows in write mode.\n\n  * `mode` {`MarkdownEditorMode`} - Active view: `write`, `preview`, or `split`.\n\n  * `hide-toolbar` {`boolean`} - Hides the formatting toolbar.\n\n  * `tools` {string} - Allowlist of toolbar tool names to show. Accepts a JSON array via the\n`tools` attribute (e.g. `tools='[\"bold\",\"italic\",\"link\"]'`), a\ncomma-separated string, or an array when set as a property. When empty\n(default) every tool is shown. Valid names: `heading`, `bold`, `italic`,\n`strikethrough`, `quote`, `code`, `ul`, `ol`, `link`.\n\nProperties:\n\n  * `styles` - \n\n  * `value` {`string`} - The markdown source.\n\n  * `placeholder` {`string`} - Placeholder shown when the editor is empty.\n\n  * `disabled` {`boolean`} - Disables the editor.\n\n  * `readonly` {`boolean`} - Makes the source read-only while still allowing mode switching.\n\n  * `rows` {`number`} - Number of visible text rows in write mode.\n\n  * `mode` {`MarkdownEditorMode`} - Active view: `write`, `preview`, or `split`.\n\n  * `hideToolbar` {`boolean`} - Hides the formatting toolbar.\n\n  * `allowedTools` {`Set<string> | null`} - Parsed allowlist, or `null` when no allowlist is set (show everything).\n\n  * `visibleGroups` {`ToolbarAction[][]`} - Toolbar groups after applying the allowlist; empty groups are dropped.\n\n  * `textarea` {`HTMLTextAreaElement | undefined`} - \n\n  * `bodyEl` {`HTMLElement | undefined`} - \n\n  * `splitRatio` {`number`} - Fraction of the body width given to the write pane in split mode\n(the rest goes to the preview). Clamped to a sensible range while\ndragging the splitter.\n\n  * `splitDragging` {`boolean`} - Whether the split divider is currently being dragged.\n\n  * `startSplitDrag` - Begins a pointer-driven resize of the split divider.\n\n  * `resetSplit` - Resets the splitter to a 50/50 layout (double-click affordance).\n\n  * `handleInput` - \n\n  * `handleChange` - \n\n  * `handleKeydown` - \n\n  * `tools` {string} - Allowlist of toolbar tool names to show. Accepts a JSON array via the\n`tools` attribute (e.g. `tools='[\"bold\",\"italic\",\"link\"]'`), a\ncomma-separated string, or an array when set as a property. When empty\n(default) every tool is shown. Valid names: `heading`, `bold`, `italic`,\n`strikethrough`, `quote`, `code`, `ul`, `ol`, `link`.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`string`} - The markdown source.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - Placeholder shown when the editor is empty.\n\nProperty: placeholder\n\nDefault: Write markdown here…"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the editor.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "readonly",
          "description": "`readonly` {`boolean`} - Makes the source read-only while still allowing mode switching.\n\nProperty: readonly\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "rows",
          "description": "`rows` {`number`} - Number of visible text rows in write mode.\n\nProperty: rows\n\nDefault: 8"
        },
        {
          "name": "mode",
          "description": "`mode` {`MarkdownEditorMode`} - Active view: `write`, `preview`, or `split`.\n\nProperty: mode\n\nDefault: write",
          "values": [
            {
              "name": "write"
            },
            {
              "name": "preview"
            },
            {
              "name": "split"
            }
          ]
        },
        {
          "name": "hide-toolbar",
          "description": "`hide-toolbar` {`boolean`} - Hides the formatting toolbar.\n\nProperty: hideToolbar\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "tools",
          "description": "`tools` {string} - Allowlist of toolbar tool names to show. Accepts a JSON array via the\n`tools` attribute (e.g. `tools='[\"bold\",\"italic\",\"link\"]'`), a\ncomma-separated string, or an array when set as a property. When empty\n(default) every tool is shown. Valid names: `heading`, `bold`, `italic`,\n`strikethrough`, `quote`, `code`, `ul`, `ol`, `link`.\n\nProperty: tools\n\nDefault: "
        },
        {
          "name": "onnile-input",
          "description": "`nile-input` {} - Emitted with `{ value }` on every keystroke or toolbar action."
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {} - Emitted with `{ value }` when the editor loses focus after an edit."
        },
        {
          "name": "onnile-mode-change",
          "description": "`nile-mode-change` {} - Emitted with `{ mode }` when the write/preview/split mode changes."
        }
      ]
    },
    {
      "name": "nile-markdown",
      "description": "Events:\n\n  * `nile-markdown-rendered` {} - Emitted after the markdown has been parsed and rendered.\n\nAttributes:\n\n  * `value` {`string`} - The markdown to render. Takes precedence over a\n`<script type=\"text/markdown\">` child when set.\n\n  * `tab-size` {`number`} - Number of spaces a tab is converted to during whitespace normalization.\n\nProperties:\n\n  * `styles` - \n\n  * `marked` - The shared Marked instance used by every nile-markdown on the page.\n\n  * `instances` {`Set<NileMarkdown>`} - All connected instances, used by `updateAll()`.\n\n  * `value` {`string`} - The markdown to render. Takes precedence over a\n`<script type=\"text/markdown\">` child when set.\n\n  * `tabSize` {`number`} - Number of spaces a tab is converted to during whitespace normalization.\n\n  * `renderedHtml` {`string`} - \n\n  * `mutationObserver` {`MutationObserver`} - Re-renders automatically when the markdown script child changes.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`string`} - The markdown to render. Takes precedence over a\n`<script type=\"text/markdown\">` child when set.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "tab-size",
          "description": "`tab-size` {`number`} - Number of spaces a tab is converted to during whitespace normalization.\n\nProperty: tabSize\n\nDefault: 4"
        },
        {
          "name": "onnile-markdown-rendered",
          "description": "`nile-markdown-rendered` {} - Emitted after the markdown has been parsed and rendered."
        }
      ]
    },
    {
      "name": "nile-menu-item",
      "description": "Nile icon 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  * `active` {`boolean`} - Draws the menu item in an active/selected state.\n\n  * `hasSubMenu` {`boolean`} - Draws the item in a checked state.\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  * `active` {`boolean`} - Draws the menu item in an active/selected state.\n\n  * `hasSubMenu` {`boolean`} - Draws the item in a checked state.\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": "disabled",
          "description": "`disabled` {`boolean`} - Draws the menu item in a disabled state, preventing selection.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - Draws the menu item in an active/selected state.\n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hasSubMenu",
          "description": "`hasSubMenu` {`boolean`} - Draws the item in a checked state.\n\nProperty: hasSubMenu\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-menu",
      "description": "An nile-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`} - ",
      "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",
          "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-nav-tab-group",
      "description": "Tab group navigation component.\n\nEvents:\n\n  * `nile-close` {} - Bubbled from a closable `<nile-nav-tab>`; re-emitted so parents can listen on this element.\n\nSlots:\n\n  * ` ` {} - Used for grouping tab panels in the tab group. Must be `<nile-nav-tab-panel>` elements.\n\n  * `nav` {} - Used for grouping tabs in the tab group. Must be `<nile-nav-tab>` elements.\n\nAttributes:\n\n  * `hasScrollControls` {`boolean`} - \n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n  * `value` {`string`} - The currently active tab value.\n\n  * `no-track` {`boolean`} - Track for showing Indicators and Background.\n\n  * `no-scroll-controls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n  * `centered` {`boolean`} - Controls whether tabs are centered and have equal width.\n\n  * `variant` {`\"toggle\" | \"underline\" | \"filled\" | \"neutral-filled\" | \"toggle-button\"`} - \n\n  * `indicatorPlacement` {`string`} - \n\n  * `fullWidth` {`boolean`} - \n\n  * `width` {`string`} - \n\n  * `showIndicatorOnHover` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `activeTab` - Selection model (for reviewers):\n- `activeTabName` is the internal source of truth; clicks and keyboard update it.\n- `activeTabProp` / attribute `value` is the host-controlled API; changes in `updated()` copy into `activeTabName`.\n- `setActiveTab()` syncs each tab’s `active` flag, each panel’s `active`, `activeTabProp` / `value`, indicator/pill geometry, and optionally emits `nile-tab-change`.\n- `this.tabs` only includes non-disabled tabs (see `syncTabsAndPanels`); keyboard roving focus uses that list.\n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `resizeObserver` - \n\n  * `visibilityObserver` {`IntersectionObserver`} - \n\n  * `pillRepositionTimer` - \n\n  * `pillTransitionClassTimer` - \n\n  * `pillReady` {`boolean`} - \n\n  * `observedTabs` {`Set<NileNavTab>`} - \n\n  * `tabs` {`NileNavTab[]`} - \n\n  * `panels` {`NileNavTabPanel[]`} - \n\n  * `handleCloseEvent` - Tabs emit `nile-close` on the host; bubble is stopped so we re-emit from the group with `{ panel }` for consumers.\n\n  * `tabGroupWasIntersecting` {`boolean`} - Tracks visibility for snapping the indicator when a hidden parent (e.g. dropdown) is reopened.\n\n  * `lastNavClientWidth` {`number`} - Last measured nav width; used to detect layout resume after display:none / collapse.\n\n  * `tabGroup` {`HTMLElement`} - \n\n  * `body` {`HTMLSlotElement`} - \n\n  * `nav` {`HTMLElement`} - \n\n  * `indicator` {`HTMLElement`} - \n\n  * `hoverIndicator` {`HTMLElement`} - \n\n  * `hasScrollControls` {`boolean`} - \n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n  * `activeTabProp` {`string`} - The currently active tab value.\n\n  * `noTrack` {`boolean`} - Track for showing Indicators and Background.\n\n  * `noScrollControls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n  * `centered` {`boolean`} - Controls whether tabs are centered and have equal width.\n\n  * `variant` {`\"toggle\" | \"underline\" | \"filled\" | \"neutral-filled\" | \"toggle-button\"`} - \n\n  * `indicatorPlacement` {`string`} - \n\n  * `fullWidth` {`boolean`} - \n\n  * `width` {`string`} - \n\n  * `showIndicatorOnHover` {`boolean`} - \n\n  * `activeTabName` {`string`} - \n\n  * `showScrollControlButtons` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "hasScrollControls",
          "description": "`hasScrollControls` {`boolean`} - \n\nProperty: hasScrollControls\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placement",
          "description": "`placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\nProperty: placement\n\nDefault: top",
          "values": [
            {
              "name": "top"
            },
            {
              "name": "bottom"
            },
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "value",
          "description": "`value` {`string`} - The currently active tab value.\n\nProperty: activeTabProp\n\nDefault: "
        },
        {
          "name": "no-track",
          "description": "`no-track` {`boolean`} - Track for showing Indicators and Background.\n\nProperty: noTrack\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "no-scroll-controls",
          "description": "`no-scroll-controls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\nProperty: noScrollControls\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "centered",
          "description": "`centered` {`boolean`} - Controls whether tabs are centered and have equal width.\n\nProperty: centered\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "variant",
          "description": "`variant` {`\"toggle\" | \"underline\" | \"filled\" | \"neutral-filled\" | \"toggle-button\"`} - \n\nProperty: variant\n\nDefault: underline",
          "values": [
            {
              "name": "toggle"
            },
            {
              "name": "underline"
            },
            {
              "name": "filled"
            },
            {
              "name": "neutral-filled"
            },
            {
              "name": "toggle-button"
            }
          ]
        },
        {
          "name": "indicatorPlacement",
          "description": "`indicatorPlacement` {`string`} - \n\nProperty: indicatorPlacement\n\nDefault: "
        },
        {
          "name": "fullWidth",
          "description": "`fullWidth` {`boolean`} - \n\nProperty: fullWidth\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "width",
          "description": "`width` {`string`} - \n\nProperty: width\n\nDefault: "
        },
        {
          "name": "showIndicatorOnHover",
          "description": "`showIndicatorOnHover` {`boolean`} - \n\nProperty: showIndicatorOnHover\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-close",
          "description": "`nile-close` {} - Bubbled from a closable `<nile-nav-tab>`; re-emitted so parents can listen on this element."
        }
      ]
    },
    {
      "name": "nile-nav-tab-panel",
      "description": "Nile icon component.\n\nSlots:\n\n  * ` ` {} - The tab panel's content.\n\nAttributes:\n\n  * `name` {`string`} - The tab panel's name.\n\n  * `active` {`boolean`} - When true, the tab panel will be shown.\n\nProperties:\n\n  * `styles` - \n\n  * `attrId` {`number`} - \n\n  * `componentId` {`string`} - \n\n  * `name` {`string`} - The tab panel's name.\n\n  * `active` {`boolean`} - When true, the tab panel will be shown.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "name",
          "description": "`name` {`string`} - The tab panel's name.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - When true, the tab panel will be shown.\n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-nav-tab",
      "description": "Attributes:\n\n  * `panel` {`string`} - The name of the tab panel this tab is associated with.\n\n  * `active` {`boolean`} - Draws the tab in an active state.\n\n  * `closable` {`boolean`} - Makes the tab closable and shows a close button.\n\n  * `disabled` {`boolean`} - Disables the tab and prevents selection.\n\n  * `centered` {`boolean`} - \n\n  * `link` {`string | undefined`} - \n\nProperties:\n\n  * `styles` - \n\n  * `attrId` {`number`} - \n\n  * `componentId` {`string`} - \n\n  * `navTab` {`HTMLElement`} - \n\n  * `panel` {`string`} - The name of the tab panel this tab is associated with.\n\n  * `active` {`boolean`} - Draws the tab in an active state.\n\n  * `closable` {`boolean`} - Makes the tab closable and shows a close button.\n\n  * `disabled` {`boolean`} - Disables the tab and prevents selection.\n\n  * `centered` {`boolean`} - \n\n  * `link` {`string | undefined`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "panel",
          "description": "`panel` {`string`} - The name of the tab panel this tab is associated with.\n\nProperty: panel\n\nDefault: "
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - Draws the tab in an active state.\n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "closable",
          "description": "`closable` {`boolean`} - Makes the tab closable and shows a close button.\n\nProperty: closable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the tab and prevents selection.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "centered",
          "description": "`centered` {`boolean`} - \n\nProperty: centered\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "link",
          "description": "`link` {`string | undefined`} - \n\nProperty: link",
          "values": []
        }
      ]
    },
    {
      "name": "nile-option-group",
      "description": "Attributes:\n\n  * `name` {`string`} - \n\n  * `data` {`OptionGroupData | null`} - \n\n  * `sticky` {`boolean`} - \n\nProperties:\n\n  * `name` {`string`} - \n\n  * `data` {`OptionGroupData | null`} - \n\n  * `sticky` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "name",
          "description": "`name` {`string`} - \n\nProperty: name\n\nDefault: "
        },
        {
          "name": "data",
          "description": "`data` {`OptionGroupData | null`} - \n\nProperty: data\n\nDefault: null",
          "values": []
        },
        {
          "name": "sticky",
          "description": "`sticky` {`boolean`} - \n\nProperty: sticky\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-option",
      "description": "Slots:\n\n  * ` ` {} - The option'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  * `hidden` {`boolean`} - \n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `showCheckbox` {`boolean`} - \n\n  * `legacy` {`boolean`} - Opt OUT of the enhanced styling (enabled by default). Propagated from the parent nile-select.\n\n  * `tickOnSelect` {`boolean`} - \n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\n  * `selected` {`boolean`} - Indicates whether the option is selected.\n\n  * `groupName` {`string`} - \n\n  * `description` {`string`} - \n\n  * `isDescriptionEnabled` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `cachedTextLabel` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `current` {`boolean`} - \n\n  * `hasHover` {`boolean`} - \n\n  * `hidden` {`boolean`} - \n\n  * `isMultipleSelect` {`boolean`} - \n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `showCheckbox` {`boolean`} - \n\n  * `legacy` {`boolean`} - Opt OUT of the enhanced styling (enabled by default). Propagated from the parent nile-select.\n\n  * `tickOnSelect` {`boolean`} - \n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\n  * `selected` {`boolean`} - Indicates whether the option is selected.\n\n  * `groupName` {`string`} - \n\n  * `description` {`string`} - \n\n  * `prefixSlot` {`HTMLSlotElement`} - \n\n  * `suffixSlot` {`HTMLSlotElement`} - \n\n  * `labelContainer` {`HTMLElement`} - \n\n  * `isParentVirtualSelect` {`boolean`} - \n\n  * `isDescriptionEnabled` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "hidden",
          "description": "`hidden` {`boolean`} - \n\nProperty: hidden\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "value",
          "description": "`value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "showCheckbox",
          "description": "`showCheckbox` {`boolean`} - \n\nProperty: showCheckbox\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "legacy",
          "description": "`legacy` {`boolean`} - Opt OUT of the enhanced styling (enabled by default). Propagated from the parent nile-select.\n\nProperty: legacy\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "tickOnSelect",
          "description": "`tickOnSelect` {`boolean`} - \n\nProperty: tickOnSelect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "selected",
          "description": "`selected` {`boolean`} - Indicates whether the option is selected.\n\nProperty: selected\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "groupName",
          "description": "`groupName` {`string`} - \n\nProperty: groupName\n\nDefault: "
        },
        {
          "name": "description",
          "description": "`description` {`string`} - \n\nProperty: description\n\nDefault: "
        },
        {
          "name": "isDescriptionEnabled",
          "description": "`isDescriptionEnabled` {`boolean`} - \n\nProperty: isDescriptionEnabled\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-otp-input",
      "description": "Events:\n\n  * `nile-input` {} - Emitted whenever the OTP value changes from user input.\n\n  * `nile-change` {} - Emitted whenever the OTP value changes from user input.\n\n  * `nile-complete` {} - Emitted when all OTP cells are filled.\n\n  * `nile-focus` {} - Emitted when focus enters the component.\n\n  * `nile-blur` {} - Emitted when focus leaves the component.\n\n  * `nile-paste` {} - Emitted when OTP text is pasted.\n\n  * `nile-invalid` {} - Emitted when the control is invalid.\n\nSlots:\n\n  * `label` {} - The input label. Alternatively, use the `label` attribute.\n\n  * `help-text` {} - Helpful guidance text. Alternatively, use the `help-text` attribute.\n\nAttributes:\n\n  * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n  * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n  * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n  * `label` {`string`} - The input's label.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n  * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n  * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n  * `separator-positions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n  * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `readonly` {`boolean`} - Makes the control readonly.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n  * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the OTP control.\n\n  * `disabled` {`boolean`} - Disables the 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`.\n\n  * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n  * `required` {`boolean`} - Makes this field required.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `customValidationMessage` {`string`} - \n\n  * `wasComplete` {`boolean`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `cellInputs` {`NodeListOf<HTMLInputElement>`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `activeIndex` {`number`} - \n\n  * `cells` {`string[]`} - \n\n  * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n  * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n  * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n  * `label` {`string`} - The input's label.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n  * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n  * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n  * `separatorPositions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n  * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `readonly` {`boolean`} - Makes the control readonly.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n  * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n  * `complete` {`boolean`} - Returns true when all OTP cells have values.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the OTP control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `defaultValue` {`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`.\n\n  * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n  * `min` {`string | number | Date | undefined`} - \n\n  * `max` {`string | number | Date | undefined`} - \n\n  * `step` {`number | \"any\" | undefined`} - \n\n  * `required` {`boolean`} - Makes this field required.\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": "length",
          "description": "`length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\nProperty: length\n\nDefault: 6"
        },
        {
          "name": "numericOnly",
          "description": "`numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\nProperty: numericOnly\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "alphanumeric",
          "description": "`alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\nProperty: alphanumeric\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - The input's label.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "helpText",
          "description": "`helpText` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "errorMessage",
          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\nProperty: placeholder\n\nDefault: "
        },
        {
          "name": "separator",
          "description": "`separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\nProperty: separator\n\nDefault: "
        },
        {
          "name": "separatorEvery",
          "description": "`separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\nProperty: separatorEvery\n\nDefault: 0"
        },
        {
          "name": "separator-positions",
          "description": "`separator-positions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\nProperty: separatorPositions\n\nDefault: "
        },
        {
          "name": "masked",
          "description": "`masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\nProperty: masked\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "warning",
          "description": "`warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\nProperty: warning\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "success",
          "description": "`success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\nProperty: success\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "readonly",
          "description": "`readonly` {`boolean`} - Makes the control readonly.\n\nProperty: readonly\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "autofocus",
          "description": "`autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\nProperty: autofocus\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "inputmode",
          "description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\nProperty: inputmode",
          "values": [
            {
              "name": "text"
            },
            {
              "name": "none"
            },
            {
              "name": "numeric"
            },
            {
              "name": "email"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "url"
            },
            {
              "name": "decimal"
            }
          ]
        },
        {
          "name": "autocomplete",
          "description": "`autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\nProperty: autocomplete\n\nDefault: one-time-code"
        },
        {
          "name": "name",
          "description": "`name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`string`} - The current value of the OTP control.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the control.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "form",
          "description": "`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`.\n\nProperty: form\n\nDefault: "
        },
        {
          "name": "pattern",
          "description": "`pattern` {`string`} - Optional regex pattern for full OTP validation.\n\nProperty: pattern"
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - Makes this field required.\n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-input",
          "description": "`nile-input` {} - Emitted whenever the OTP value changes from user input."
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {} - Emitted whenever the OTP value changes from user input."
        },
        {
          "name": "onnile-complete",
          "description": "`nile-complete` {} - Emitted when all OTP cells are filled."
        },
        {
          "name": "onnile-focus",
          "description": "`nile-focus` {} - Emitted when focus enters the component."
        },
        {
          "name": "onnile-blur",
          "description": "`nile-blur` {} - Emitted when focus leaves the component."
        },
        {
          "name": "onnile-paste",
          "description": "`nile-paste` {} - Emitted when OTP text is pasted."
        },
        {
          "name": "onnile-invalid",
          "description": "`nile-invalid` {} - Emitted when the control is invalid."
        }
      ]
    },
    {
      "name": "nile-page-header",
      "description": "Nile page-header component.\n\nAttributes:\n\n  * `heading` {`string`} - \n\n  * `sub-heading` {`string`} - \n\nProperties:\n\n  * `heading` {`string`} - \n\n  * `subHeading` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "heading",
          "description": "`heading` {`string`} - \n\nProperty: heading\n\nDefault: "
        },
        {
          "name": "sub-heading",
          "description": "`sub-heading` {`string`} - \n\nProperty: subHeading\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-pagination",
      "description": "Attributes:\n\n  * `totalitems` {`number`} - \n\n  * `currentpage` {`number`} - \n\n  * `pagesize` {`number`} - \n\n  * `pagesizeoptions` {`number[]`} - \n\n  * `variant` {`\"fluid\" | \"compact\" | \"mini\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTitle` {`boolean`} - \n\nProperties:\n\n  * `totalItems` {`number`} - \n\n  * `currentPage` {`number`} - \n\n  * `pageSize` {`number`} - \n\n  * `pageSizeOptions` {`number[]`} - \n\n  * `variant` {`\"fluid\" | \"compact\" | \"mini\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTitle` {`boolean`} - \n\n  * `_pageSizeOpen` {`boolean`} - \n\n  * `_pageOpen` {`boolean`} - \n\n  * `_miniPageOpen` {`boolean`} - \n\n  * `_pageSizeDropdown` {`HTMLElement`} - \n\n  * `totalPages` {`number`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "totalitems",
          "description": "`totalitems` {`number`} - \n\nProperty: totalItems\n\nDefault: 0"
        },
        {
          "name": "currentpage",
          "description": "`currentpage` {`number`} - \n\nProperty: currentPage\n\nDefault: 1"
        },
        {
          "name": "pagesize",
          "description": "`pagesize` {`number`} - \n\nProperty: pageSize\n\nDefault: 50"
        },
        {
          "name": "pagesizeoptions",
          "description": "`pagesizeoptions` {`number[]`} - \n\nProperty: pageSizeOptions\n\nDefault: 10,25,50,100"
        },
        {
          "name": "variant",
          "description": "`variant` {`\"fluid\" | \"compact\" | \"mini\"`} - \n\nProperty: variant\n\nDefault: fluid",
          "values": [
            {
              "name": "fluid"
            },
            {
              "name": "compact"
            },
            {
              "name": "mini"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "showTitle",
          "description": "`showTitle` {`boolean`} - \n\nProperty: showTitle\n\nDefault: true",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-popover",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `placement` {`TooltipPosition`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the popover away from its target.\n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `arrow` {`boolean`} - \n\n  * `title` {`string`} - Gives the title to the popover\n\n  * `open` {`boolean`} - \n\n  * `arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `hoist` {`boolean`} - Enable this option to prevent the panel 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  * `portal` {`boolean`} - Enable portal mode to render the popover content in a portal outside the component's DOM tree.\nThis provides better positioning control and prevents clipping issues in complex layouts.\n\n  * `flip` {`boolean`} - \n\nProperties:\n\n  * `placement` {`TooltipPosition`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the popover away from its target.\n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `arrow` {`boolean`} - \n\n  * `title` {`string`} - Gives the title to the popover\n\n  * `open` {`boolean`} - \n\n  * `isShow` {`boolean`} - \n\n  * `arrowPlacement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - \n\n  * `portalManager` - \n\n  * `visibilityManager` - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `hoist` {`boolean`} - Enable this option to prevent the panel 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  * `portal` {`boolean`} - Enable portal mode to render the popover content in a portal outside the component's DOM tree.\nThis provides better positioning control and prevents clipping issues in complex layouts.\n\n  * `flip` {`boolean`} - \n\n  * `handleClick` - \n\n  * `handleDocumentClick` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "placement",
          "description": "`placement` {`TooltipPosition`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\nProperty: placement\n\nDefault: top",
          "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": "distance",
          "description": "`distance` {`number`} - The distance in pixels from which to offset the popover away from its target.\n\nProperty: distance\n\nDefault: 18"
        },
        {
          "name": "preventOverlayClose",
          "description": "`preventOverlayClose` {`boolean`} - \n\nProperty: preventOverlayClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "arrow",
          "description": "`arrow` {`boolean`} - \n\nProperty: arrow\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "title",
          "description": "`title` {`string`} - Gives the title to the popover\n\nProperty: title\n\nDefault: "
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "arrow-placement",
          "description": "`arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - \n\nProperty: arrowPlacement\n\nDefault: anchor",
          "values": [
            {
              "name": "end"
            },
            {
              "name": "start"
            },
            {
              "name": "center"
            },
            {
              "name": "anchor"
            }
          ]
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hoist",
          "description": "`hoist` {`boolean`} - Enable this option to prevent the panel 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\nProperty: hoist\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "portal",
          "description": "`portal` {`boolean`} - Enable portal mode to render the popover content in a portal outside the component's DOM tree.\nThis provides better positioning control and prevents clipping issues in complex layouts.\n\nProperty: portal\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "flip",
          "description": "`flip` {`boolean`} - \n\nProperty: flip\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-popup",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\n  * `active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\n  * `placement` {`TooltipPosition`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\n  * `strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\n  * `skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\n  * `arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\n  * `arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\n  * `arrow-padding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\n  * `flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\n  * `flip-fallback-placements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\n  * `flip-fallback-strategy` {`\"initial\" | \"best-fit\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\n  * `flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n  * `flip-padding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\n  * `shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\n  * `shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n  * `shift-padding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\n  * `auto-size` {`\"vertical\" | \"horizontal\" | \"both\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\n  * `sync` {`\"both\" | \"width\" | \"height\"`} - Syncs the popup's width or height to that of the anchor element.\n\n  * `autoSizeBoundary` {`Element | Element[]`} - The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n  * `auto-size-padding` {`number`} - The amount of padding, in pixels, to exceed before the auto-size behavior will occur.\n\nProperties:\n\n  * `styles` - \n\n  * `anchorEl` {`Element | null`} - \n\n  * `cleanup` - \n\n  * `popup` {`HTMLElement`} - A reference to the internal popup container. Useful for animating and styling the popup with JavaScript.\n\n  * `arrowEl` {`HTMLElement`} - \n\n  * `anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\n  * `active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\n  * `placement` {`TooltipPosition`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\n  * `strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\n  * `skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\n  * `arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\n  * `arrowPlacement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\n  * `arrowPadding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\n  * `flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\n  * `flipFallbackPlacements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\n  * `flipFallbackStrategy` {`\"initial\" | \"best-fit\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\n  * `flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n  * `flipPadding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\n  * `shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\n  * `shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n  * `shiftPadding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\n  * `autoSize` {`\"vertical\" | \"horizontal\" | \"both\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\n  * `sync` {`\"both\" | \"width\" | \"height\"`} - Syncs the popup's width or height to that of the anchor element.\n\n  * `autoSizeBoundary` {`Element | Element[]`} - The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n  * `autoSizePadding` {`number`} - The amount of padding, in pixels, to exceed before the auto-size behavior will occur.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "anchor",
          "description": "`anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\nProperty: anchor",
          "values": []
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placement",
          "description": "`placement` {`TooltipPosition`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\nProperty: placement\n\nDefault: top",
          "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": "strategy",
          "description": "`strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\nProperty: strategy\n\nDefault: absolute",
          "values": [
            {
              "name": "absolute"
            },
            {
              "name": "fixed"
            }
          ]
        },
        {
          "name": "distance",
          "description": "`distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\nProperty: distance\n\nDefault: 0"
        },
        {
          "name": "skidding",
          "description": "`skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\nProperty: skidding\n\nDefault: 0"
        },
        {
          "name": "arrow",
          "description": "`arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\nProperty: arrow\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "arrow-placement",
          "description": "`arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\nProperty: arrowPlacement\n\nDefault: anchor",
          "values": [
            {
              "name": "end"
            },
            {
              "name": "start"
            },
            {
              "name": "center"
            },
            {
              "name": "anchor"
            }
          ]
        },
        {
          "name": "arrow-padding",
          "description": "`arrow-padding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\nProperty: arrowPadding\n\nDefault: 10"
        },
        {
          "name": "flip",
          "description": "`flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\nProperty: flip\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "flip-fallback-placements",
          "description": "`flip-fallback-placements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\nProperty: flipFallbackPlacements\n\nDefault: "
        },
        {
          "name": "flip-fallback-strategy",
          "description": "`flip-fallback-strategy` {`\"initial\" | \"best-fit\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\nProperty: flipFallbackStrategy\n\nDefault: best-fit",
          "values": [
            {
              "name": "initial"
            },
            {
              "name": "best-fit"
            }
          ]
        },
        {
          "name": "flipBoundary",
          "description": "`flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\nProperty: flipBoundary",
          "values": []
        },
        {
          "name": "flip-padding",
          "description": "`flip-padding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\nProperty: flipPadding\n\nDefault: 0"
        },
        {
          "name": "shift",
          "description": "`shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\nProperty: shift\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "shiftBoundary",
          "description": "`shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\nProperty: shiftBoundary",
          "values": []
        },
        {
          "name": "shift-padding",
          "description": "`shift-padding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\nProperty: shiftPadding\n\nDefault: 0"
        },
        {
          "name": "auto-size",
          "description": "`auto-size` {`\"vertical\" | \"horizontal\" | \"both\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\nProperty: autoSize",
          "values": [
            {
              "name": "vertical"
            },
            {
              "name": "horizontal"
            },
            {
              "name": "both"
            }
          ]
        },
        {
          "name": "sync",
          "description": "`sync` {`\"both\" | \"width\" | \"height\"`} - Syncs the popup's width or height to that of the anchor element.\n\nProperty: sync",
          "values": [
            {
              "name": "both"
            },
            {
              "name": "width"
            },
            {
              "name": "height"
            }
          ]
        },
        {
          "name": "autoSizeBoundary",
          "description": "`autoSizeBoundary` {`Element | Element[]`} - The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\nProperty: autoSizeBoundary",
          "values": []
        },
        {
          "name": "auto-size-padding",
          "description": "`auto-size-padding` {`number`} - The amount of padding, in pixels, to exceed before the auto-size behavior will occur.\n\nProperty: autoSizePadding\n\nDefault: 0"
        }
      ]
    },
    {
      "name": "nile-progress-bar",
      "description": "Attributes:\n\n  * `value` {`number`} - \n\nProperties:\n\n  * `styles` - \n\n  * `value` {`number`} - \n\n  * `override` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`number`} - \n\nProperty: value\n\nDefault: 0"
        }
      ]
    },
    {
      "name": "nile-qr-code",
      "description": "Nile QR Code component.\n\nEvents:\n\n  * `nile-qr-image-error` {} - Emitted when the center image fails to load.\n\nAttributes:\n\n  * `value` {`string`} - The QR code's value — the text or URL to encode.\n\n  * `size` {`number`} - The size of the QR code, in pixels.\n\n  * `fill` {`string`} - The fill color. This can be any valid CSS color, but not a CSS custom property.\n\n  * `background` {`string`} - The background color. This can be any valid CSS color or `'transparent'`.\nIt cannot be a CSS custom property.\n\n  * `radius` {`number`} - The edge radius of each module. Must be between 0 and 0.5.\nUse this to create a rounded effect.\n\n  * `error-correction` {`ErrorCorrectionLevel`} - The level of error correction to use.\n- `'L'` — Low (~7%)\n- `'M'` — Medium (~15%)\n- `'Q'` — Quartile (~25%)\n- `'H'` — High (~30%)\n\nWhen using an image overlay, `'H'` is recommended so the QR remains scannable.\n\n  * `label` {`string`} - The label for assistive devices to announce.\nIf unspecified, the `value` will be used instead.\n\n  * `image` {`string`} - URL of an image to overlay in the center of the QR code (e.g. a logo).\nThe image is drawn on top of the QR modules, so use `error-correction=\"H\"`\nto ensure the code remains scannable.\n\n  * `image-size` {`number`} - Size of the center image as a fraction of the overall QR code size\n(0.1 – 0.4). Defaults to 0.25 (25% of the QR code).\n\n  * `image-padding` {`number`} - Padding around the center image in pixels. Creates a clear area\nbetween the image and the surrounding QR modules.\n\n  * `image-radius` {`number`} - Optional border radius for the center image in pixels.\nSet to a high value for a circular mask.\n\n  * `fill-gradient` {`string`} - Apply a linear gradient to the QR modules instead of a flat color.\nFormat: `\"direction, color1, color2[, ...]\"` where direction is an\nangle in degrees (e.g. `\"135, #6366f1, #ec4899\"`).\nWhen set, this overrides the `fill` property for module rendering.\n\nProperties:\n\n  * `value` {`string`} - The QR code's value — the text or URL to encode.\n\n  * `size` {`number`} - The size of the QR code, in pixels.\n\n  * `fill` {`string`} - The fill color. This can be any valid CSS color, but not a CSS custom property.\n\n  * `background` {`string`} - The background color. This can be any valid CSS color or `'transparent'`.\nIt cannot be a CSS custom property.\n\n  * `radius` {`number`} - The edge radius of each module. Must be between 0 and 0.5.\nUse this to create a rounded effect.\n\n  * `errorCorrection` {`ErrorCorrectionLevel`} - The level of error correction to use.\n- `'L'` — Low (~7%)\n- `'M'` — Medium (~15%)\n- `'Q'` — Quartile (~25%)\n- `'H'` — High (~30%)\n\nWhen using an image overlay, `'H'` is recommended so the QR remains scannable.\n\n  * `label` {`string`} - The label for assistive devices to announce.\nIf unspecified, the `value` will be used instead.\n\n  * `image` {`string`} - URL of an image to overlay in the center of the QR code (e.g. a logo).\nThe image is drawn on top of the QR modules, so use `error-correction=\"H\"`\nto ensure the code remains scannable.\n\n  * `imageSize` {`number`} - Size of the center image as a fraction of the overall QR code size\n(0.1 – 0.4). Defaults to 0.25 (25% of the QR code).\n\n  * `imagePadding` {`number`} - Padding around the center image in pixels. Creates a clear area\nbetween the image and the surrounding QR modules.\n\n  * `imageRadius` {`number`} - Optional border radius for the center image in pixels.\nSet to a high value for a circular mask.\n\n  * `fillGradient` {`string`} - Apply a linear gradient to the QR modules instead of a flat color.\nFormat: `\"direction, color1, color2[, ...]\"` where direction is an\nangle in degrees (e.g. `\"135, #6366f1, #ec4899\"`).\nWhen set, this overrides the `fill` property for module rendering.\n\n  * `_loadedImage` {`HTMLImageElement | null`} - \n\n  * `_imageLoadPromise` {`Promise<void> | null`} - \n\n  * `canvas` {`HTMLCanvasElement`} - \n\n  * `override` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`string`} - The QR code's value — the text or URL to encode.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`number`} - The size of the QR code, in pixels.\n\nProperty: size\n\nDefault: 128"
        },
        {
          "name": "fill",
          "description": "`fill` {`string`} - The fill color. This can be any valid CSS color, but not a CSS custom property.\n\nProperty: fill\n\nDefault: black"
        },
        {
          "name": "background",
          "description": "`background` {`string`} - The background color. This can be any valid CSS color or `'transparent'`.\nIt cannot be a CSS custom property.\n\nProperty: background\n\nDefault: white"
        },
        {
          "name": "radius",
          "description": "`radius` {`number`} - The edge radius of each module. Must be between 0 and 0.5.\nUse this to create a rounded effect.\n\nProperty: radius\n\nDefault: 0"
        },
        {
          "name": "error-correction",
          "description": "`error-correction` {`ErrorCorrectionLevel`} - The level of error correction to use.\n- `'L'` — Low (~7%)\n- `'M'` — Medium (~15%)\n- `'Q'` — Quartile (~25%)\n- `'H'` — High (~30%)\n\nWhen using an image overlay, `'H'` is recommended so the QR remains scannable.\n\nProperty: errorCorrection\n\nDefault: H",
          "values": [
            {
              "name": "L"
            },
            {
              "name": "M"
            },
            {
              "name": "Q"
            },
            {
              "name": "H"
            }
          ]
        },
        {
          "name": "label",
          "description": "`label` {`string`} - The label for assistive devices to announce.\nIf unspecified, the `value` will be used instead.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "image",
          "description": "`image` {`string`} - URL of an image to overlay in the center of the QR code (e.g. a logo).\nThe image is drawn on top of the QR modules, so use `error-correction=\"H\"`\nto ensure the code remains scannable.\n\nProperty: image\n\nDefault: "
        },
        {
          "name": "image-size",
          "description": "`image-size` {`number`} - Size of the center image as a fraction of the overall QR code size\n(0.1 – 0.4). Defaults to 0.25 (25% of the QR code).\n\nProperty: imageSize\n\nDefault: 0.25"
        },
        {
          "name": "image-padding",
          "description": "`image-padding` {`number`} - Padding around the center image in pixels. Creates a clear area\nbetween the image and the surrounding QR modules.\n\nProperty: imagePadding\n\nDefault: 4"
        },
        {
          "name": "image-radius",
          "description": "`image-radius` {`number`} - Optional border radius for the center image in pixels.\nSet to a high value for a circular mask.\n\nProperty: imageRadius\n\nDefault: 4"
        },
        {
          "name": "fill-gradient",
          "description": "`fill-gradient` {`string`} - Apply a linear gradient to the QR modules instead of a flat color.\nFormat: `\"direction, color1, color2[, ...]\"` where direction is an\nangle in degrees (e.g. `\"135, #6366f1, #ec4899\"`).\nWhen set, this overrides the `fill` property for module rendering.\n\nProperty: fillGradient\n\nDefault: "
        },
        {
          "name": "onnile-qr-image-error",
          "description": "`nile-qr-image-error` {} - Emitted when the center image fails to load."
        }
      ]
    },
    {
      "name": "nile-radio-group",
      "description": "Events:\n\n  * `change` {} - Emitted when the radio group's selected value changes.\n\n  * `input` {} - Emitted when the radio group receives user input.\n\n  * `invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\nSlots:\n\n  * ` ` {} - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.\n\n  * `label` {} - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\nattribute.\n\nAttributes:\n\n  * `label` {`string`} - The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.\n\n  * `name` {`string`} - The name of the radio group, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the radio group, submitted as a name/value pair with form data.\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`} - Ensures a child radio is checked before allowing the containing form to submit.\n\n  * `labelInline` {`boolean`} - Used to show radio in inline or not\n\n  * `disabled` {`boolean`} - Used to disabled or not\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `islabelborder` {`boolean`} - The radio's labelborder for whole gp.\n\n  * `allowUncheckGroup` {`boolean`} - Allow the radio to be unchecked.\n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `customValidityMessage` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `hasButtonGroup` {`boolean`} - \n\n  * `defaultValue` {`string`} - \n\n  * `label` {`string`} - The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.\n\n  * `name` {`string`} - The name of the radio group, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the radio group, submitted as a name/value pair with form data.\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`} - Ensures a child radio is checked before allowing the containing form to submit.\n\n  * `labelInline` {`boolean`} - Used to show radio in inline or not\n\n  * `disabled` {`boolean`} - Used to disabled or not\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `islabelborder` {`boolean`} - The radio's labelborder for whole gp.\n\n  * `allowUncheckGroup` {`boolean`} - Allow the radio to be unchecked.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "label",
          "description": "`label` {`string`} - The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "name",
          "description": "`name` {`string`} - The name of the radio group, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: option"
        },
        {
          "name": "value",
          "description": "`value` {`string`} - The current value of the radio group, submitted as a name/value pair with form data.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "form",
          "description": "`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\nProperty: form\n\nDefault: "
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - Ensures a child radio is checked before allowing the containing form to submit.\n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "labelInline",
          "description": "`labelInline` {`boolean`} - Used to show radio in inline or not\n\nProperty: labelInline\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Used to disabled or not\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "islabelborder",
          "description": "`islabelborder` {`boolean`} - The radio's labelborder for whole gp.\n\nProperty: islabelborder\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowUncheckGroup",
          "description": "`allowUncheckGroup` {`boolean`} - Allow the radio to be unchecked.\n\nProperty: allowUncheckGroup\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onchange",
          "description": "`change` {} - Emitted when the radio group's selected value changes."
        },
        {
          "name": "oninput",
          "description": "`input` {} - Emitted when the radio group receives user input."
        },
        {
          "name": "oninvalid",
          "description": "`invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied."
        }
      ]
    },
    {
      "name": "nile-radio",
      "description": "Nile icon component.\n\nEvents:\n\n  * `blur` {} - Emitted when the control loses focus.\n\n  * `focus` {} - Emitted when the control gains focus.\n\nSlots:\n\n  * ` ` {} - The radio's label.\n\nAttributes:\n\n  * `checked` {`boolean`} - \n\n  * `value` {`string`} - The radio's value. When selected, the radio group will receive this value.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The radio's size.\n\n  * `disabled` {`boolean`} - Disables the radio.\n\n  * `islabelborder` {`boolean`} - The radio's labelborder.\n\n  * `allowUncheck` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `checked` {`boolean`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `value` {`string`} - The radio's value. When selected, the radio group will receive this value.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The radio's size.\n\n  * `disabled` {`boolean`} - Disables the radio.\n\n  * `islabelborder` {`boolean`} - The radio's labelborder.\n\n  * `allowUncheck` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "checked",
          "description": "`checked` {`boolean`} - \n\nProperty: checked\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "value",
          "description": "`value` {`string`} - The radio's value. When selected, the radio group will receive this value.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The radio's size.\n\nProperty: size\n\nDefault: medium",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "medium"
            },
            {
              "name": "large"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the radio.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "islabelborder",
          "description": "`islabelborder` {`boolean`} - The radio's labelborder.\n\nProperty: islabelborder\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowUncheck",
          "description": "`allowUncheck` {`boolean`} - \n\nProperty: allowUncheck\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onblur",
          "description": "`blur` {} - Emitted when the control loses focus."
        },
        {
          "name": "onfocus",
          "description": "`focus` {} - Emitted when the control gains focus."
        }
      ]
    },
    {
      "name": "nile-rich-text-editor",
      "description": "Events:\n\n  * `nile-change` {`CustomEvent<{ content: string; mention: any; }>`} - \n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `noStyles` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `singlelineeditor` {`boolean`} - \n\n  * `placeholder` {`string`} - \n\n  * `mentions` - \n\n  * `whitelist` {`string[]`} - \n\nProperties:\n\n  * `value` {`string`} - \n\n  * `noStyles` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `singleLineEditor` {`boolean`} - \n\n  * `placeholder` {`string`} - \n\n  * `mentions` - \n\n  * `whitelist` {`string[]`} - \n\n  * `content` {`string`} - \n\n  * `editorEl` {`HTMLElement`} - \n\n  * `previewEl` {`HTMLElement | null`} - \n\n  * `toolbarEl` {`HTMLElement | null`} - \n\n  * `lastRange` {`Range | null`} - \n\n  * `buttonMap` {`Map<string, HTMLElement[]>`} - \n\n  * `headingSelect` {`HTMLSelectElement | null`} - \n\n  * `fontSelect` {`HTMLSelectElement | null`} - \n\n  * `colorInput` {`HTMLInputElement | null`} - \n\n  * `bgColorInput` {`HTMLInputElement | null`} - \n\n  * `colorSwatchEl` {`HTMLElement | null`} - \n\n  * `bgSwatchEl` {`HTMLElement | null`} - \n\n  * `containerEl` {`HTMLElement | null`} - \n\n  * `linkEl` {`HTMLElement | null`} - \n\n  * `mentionsEl` {`HTMLElement | null`} - \n\n  * `onEditorClick` - \n\n  * `onEditorPaste` - \n\n  * `onEditorDrop` - \n\n  * `onEditorInput` - \n\n  * `onEditorMouseup` - \n\n  * `onEditorKeyup` - \n\n  * `onEditorKeydown` - \n\n  * `onSelectionChange` - ",
      "attributes": [
        {
          "name": "value",
          "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: "
        },
        {
          "name": "noStyles",
          "description": "`noStyles` {`boolean`} - \n\nProperty: noStyles\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "singlelineeditor",
          "description": "`singlelineeditor` {`boolean`} - \n\nProperty: singleLineEditor\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - \n\nProperty: placeholder\n\nDefault: "
        },
        {
          "name": "mentions",
          "description": "`mentions` - \n\nProperty: mentions\n\nDefault: [object Object]"
        },
        {
          "name": "whitelist",
          "description": "`whitelist` {`string[]`} - \n\nProperty: whitelist\n\nDefault: "
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {`CustomEvent<{ content: string; mention: any; }>`} - "
        }
      ]
    },
    {
      "name": "nile-rte-color",
      "description": "Events:\n\n  * `change` {`CustomEvent<{ mode: \"foreColor\" | \"backColor\"; value: string; }>`} - \n\nAttributes:\n\n  * `mode` {`\"foreColor\" | \"backColor\"`} - \n\n  * `label` {`string`} - \n\n  * `value` {`string`} - \n\n  * `palette` {`string[]`} - \n\nProperties:\n\n  * `mode` {`\"foreColor\" | \"backColor\"`} - \n\n  * `label` {`string`} - \n\n  * `value` {`string`} - \n\n  * `palette` {`string[]`} - \n\n  * `recentColors` {`string[]`} - \n\n  * `inputEl` {`HTMLInputElement`} - \n\n  * `pickCustom` - ",
      "attributes": [
        {
          "name": "mode",
          "description": "`mode` {`\"foreColor\" | \"backColor\"`} - \n\nProperty: mode\n\nDefault: foreColor",
          "values": [
            {
              "name": "foreColor"
            },
            {
              "name": "backColor"
            }
          ]
        },
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: Text Color"
        },
        {
          "name": "value",
          "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: #000000"
        },
        {
          "name": "palette",
          "description": "`palette` {`string[]`} - \n\nProperty: palette\n\nDefault: #000000,#444444,#666666,#999999,#cccccc,#eeeeee,#ffffff,#d32f2f,#f44336,#ff9800,#ffeb3b,#4caf50,#2196f3,#3f51b5,#9c27b0,#03a9f4,#00bcd4,#009688,#8bc34a,#cddc39,#ffc107,#ff5722"
        },
        {
          "name": "onchange",
          "description": "`change` {`CustomEvent<{ mode: \"foreColor\" | \"backColor\"; value: string; }>`} - "
        }
      ]
    },
    {
      "name": "nile-rte-divider",
      "attributes": []
    },
    {
      "name": "nile-rte-link",
      "description": "Events:\n\n  * `nile-link-changed` {`CustomEvent<{ href: string; }>`} - \n\nAttributes:\n\n  * `newTab` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTextSupport` {`boolean`} - \n\n  * `placeholder` {`string`} - \n\n  * `textPlaceholder` {`string`} - \n\n  * `label` {`string`} - \n\nProperties:\n\n  * `editorEl` {`HTMLElement`} - \n\n  * `newTab` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTextSupport` {`boolean`} - \n\n  * `placeholder` {`string`} - \n\n  * `textPlaceholder` {`string`} - \n\n  * `label` {`string`} - \n\n  * `linkValue` {`string`} - \n\n  * `textValue` {`string`} - \n\n  * `hasActiveLink` {`boolean`} - \n\n  * `popoverStyle` {`string`} - \n\n  * `selectionRange` {`Range | null`} - \n\n  * `activeAnchor` {`HTMLAnchorElement | null`} - \n\n  * `ignoreBlur` {`boolean`} - \n\n  * `isApplying` {`boolean`} - \n\n  * `onScroll` - \n\n  * `onOpen` - \n\n  * `onInputKeydown` - \n\n  * `onInputBlur` - \n\n  * `onLinkInput` - \n\n  * `onTextInput` - \n\n  * `onPopoverMousedown` - \n\n  * `onPopoverMouseup` - \n\n  * `onToolbarButtonMousedown` - \n\n  * `onActionMousedown` - \n\n  * `onApplyClick` - \n\n  * `onUnlinkClick` - ",
      "attributes": [
        {
          "name": "newTab",
          "description": "`newTab` {`boolean`} - \n\nProperty: newTab\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "showTextSupport",
          "description": "`showTextSupport` {`boolean`} - \n\nProperty: showTextSupport\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - \n\nProperty: placeholder\n\nDefault: Type or paste link here"
        },
        {
          "name": "textPlaceholder",
          "description": "`textPlaceholder` {`string`} - \n\nProperty: textPlaceholder\n\nDefault: Display text"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: Link"
        },
        {
          "name": "onnile-link-changed",
          "description": "`nile-link-changed` {`CustomEvent<{ href: string; }>`} - "
        }
      ]
    },
    {
      "name": "nile-rte-mentions-item",
      "description": "Attributes:\n\n  * `mentionscharacter` {`string`} - \n\n  * `mentionscolor` {`string`} - \n\n  * `mentionsprefix` {`string`} - \n\n  * `mentionssuffix` {`string`} - \n\n  * `mentionsdata` {`MentionItem[]`} - \n\nProperties:\n\n  * `mentionsCharacter` {`string`} - \n\n  * `mentionsColor` {`string`} - \n\n  * `mentionsPrefix` {`string`} - \n\n  * `mentionsSuffix` {`string`} - \n\n  * `mentionsData` {`MentionItem[]`} - ",
      "attributes": [
        {
          "name": "mentionscharacter",
          "description": "`mentionscharacter` {`string`} - \n\nProperty: mentionsCharacter\n\nDefault: "
        },
        {
          "name": "mentionscolor",
          "description": "`mentionscolor` {`string`} - \n\nProperty: mentionsColor\n\nDefault: "
        },
        {
          "name": "mentionsprefix",
          "description": "`mentionsprefix` {`string`} - \n\nProperty: mentionsPrefix\n\nDefault: "
        },
        {
          "name": "mentionssuffix",
          "description": "`mentionssuffix` {`string`} - \n\nProperty: mentionsSuffix\n\nDefault: "
        },
        {
          "name": "mentionsdata",
          "description": "`mentionsdata` {`MentionItem[]`} - \n\nProperty: mentionsData\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-rte-mentions",
      "description": "Events:\n\n  * `nile-mention-opened` {`CustomEvent<{ trigger: string; suggestions: MentionItem[]; }>`} - \n\n  * `nile-mention-selected` {`CustomEvent<{ trigger: string; key: string; label: string; prefix: string; suffix: string; }>`} - \n\n  * `input` {`InputEvent`} - \n\nAttributes:\n\n  * `displayformat` {`boolean`} - \n\n  * `mentions` - \n\n  * `mentionformat` - \n\n  * `mentioncolors` - \n\nProperties:\n\n  * `displayFormat` {`boolean`} - \n\n  * `mentions` - \n\n  * `mentionFormat` - \n\n  * `itemsFormats` - \n\n  * `mentionColors` - \n\n  * `externalConfig` - \n\n  * `itemsConfig` - \n\n  * `mentionActiveIndex` {`number`} - \n\n  * `itemsColors` - \n\n  * `config` - \n\n  * `editorEl` {`HTMLElement | null`} - \n\n  * `hostEl` {`HTMLElement | null`} - \n\n  * `dropdownEl` {`HTMLElement | null`} - \n\n  * `menuEl` {`HTMLElement | null`} - \n\n  * `lastRange` {`Range | null`} - \n\n  * `mentionOpen` {`boolean`} - \n\n  * `mentionTrigger` {`string | null`} - \n\n  * `mentionQuery` {`string`} - \n\n  * `mentionSuggestions` {`MentionItem[]`} - \n\n  * `mentionFiltered` {`MentionItem[]`} - \n\n  * `mentionX` {`number`} - \n\n  * `mentionY` {`number`} - \n\n  * `triggerBtn` {`HTMLElement | null`} - \n\n  * `mo` {`MutationObserver | null`} - \n\n  * `onSelectionChange` - \n\n  * `saveSelection` - \n\n  * `onEditorInput` - \n\n  * `onEditorKeyUp` - \n\n  * `onEditorKeyDown` - \n\n  * `repositionMention` - ",
      "attributes": [
        {
          "name": "displayformat",
          "description": "`displayformat` {`boolean`} - \n\nProperty: displayFormat\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "mentions",
          "description": "`mentions` - \n\nProperty: mentions\n\nDefault: [object Object]"
        },
        {
          "name": "mentionformat",
          "description": "`mentionformat` - \n\nProperty: mentionFormat\n\nDefault: [object Object]"
        },
        {
          "name": "mentioncolors",
          "description": "`mentioncolors` - \n\nProperty: mentionColors\n\nDefault: [object Object]"
        },
        {
          "name": "onnile-mention-opened",
          "description": "`nile-mention-opened` {`CustomEvent<{ trigger: string; suggestions: MentionItem[]; }>`} - "
        },
        {
          "name": "onnile-mention-selected",
          "description": "`nile-mention-selected` {`CustomEvent<{ trigger: string; key: string; label: string; prefix: string; suffix: string; }>`} - "
        },
        {
          "name": "oninput",
          "description": "`input` {`InputEvent`} - "
        }
      ]
    },
    {
      "name": "nile-rte-preview",
      "attributes": []
    },
    {
      "name": "nile-rte-select",
      "description": "Events:\n\n  * `change` {`CustomEvent<string>`} - \n\nAttributes:\n\n  * `type` {`string`} - \n\n  * `options` {`string`} - \n\n  * `label` {`string`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `type` {`string`} - \n\n  * `options` {`string`} - \n\n  * `optionsObj` {`(GenericOption | HeadingOption)[] | undefined`} - \n\n  * `label` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `selectedValue` {`string`} - \n\n  * `parsedOptions` {`NormalizedOption[]`} - ",
      "attributes": [
        {
          "name": "type",
          "description": "`type` {`string`} - \n\nProperty: type\n\nDefault: "
        },
        {
          "name": "options",
          "description": "`options` {`string`} - \n\nProperty: options\n\nDefault: []"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onchange",
          "description": "`change` {`CustomEvent<string>`} - "
        }
      ]
    },
    {
      "name": "nile-rte-toolbar-item",
      "description": "Attributes:\n\n  * `name` {`string`} - \n\n  * `label` {`string`} - \n\nProperties:\n\n  * `name` {`string`} - \n\n  * `label` {`string`} - ",
      "attributes": [
        {
          "name": "name",
          "description": "`name` {`string`} - \n\nProperty: name\n\nDefault: "
        },
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-rte-toolbar",
      "attributes": []
    },
    {
      "name": "nile-section-message",
      "description": "Attributes:\n\n  * `heading` {`string`} - \n\n  * `description` {`string`} - \n\n  * `icon-size` {`number`} - \n\n  * `variant` {`\"primary\" | \"success\" | \"warning\" | \"error\"`} - The section message theme variant.\n\nProperties:\n\n  * `hasSlotController` - \n\n  * `heading` {`string`} - \n\n  * `description` {`string`} - \n\n  * `iconSize` {`number`} - \n\n  * `variant` {`\"primary\" | \"success\" | \"warning\" | \"error\"`} - The section message theme variant.\n\n  * `iconMap` {`{ primary: string; success: string; warning: string; error: string; }`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "heading",
          "description": "`heading` {`string`} - \n\nProperty: heading\n\nDefault: "
        },
        {
          "name": "description",
          "description": "`description` {`string`} - \n\nProperty: description\n\nDefault: "
        },
        {
          "name": "icon-size",
          "description": "`icon-size` {`number`} - \n\nProperty: iconSize\n\nDefault: 16"
        },
        {
          "name": "variant",
          "description": "`variant` {`\"primary\" | \"success\" | \"warning\" | \"error\"`} - The section message theme variant.\n\nProperty: variant\n\nDefault: primary",
          "values": [
            {
              "name": "primary"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            }
          ]
        }
      ]
    },
    {
      "name": "nile-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 listbox. The event payload includes scroll position information.\n\n  * `nile-scroll-start` {} - Emitted when the user starts scrolling within the listbox.\n\n  * `nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the listbox (debounced).\n\nSlots:\n\n  * ` ` {} - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.\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. Rotates on open and close.\n\n  * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n  * `pre-footer` {} - Content to display at the bottom of the dropdown listbox. Useful for action buttons like \"Create New\". In multi-select mode, appears above the \"Show Selected\" / \"Clear All\" bar.\n\nAttributes:\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  * `searchEnabled` {`boolean`} - \n\n  * `legacy` {`boolean`} - \n\n  * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select). Propagated to options.\n\n  * `internal-search-placeholder` {`string`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `blockValueChange` {`boolean`} - \n\n  * `disableLocalSearch` {`boolean`} - \n\n  * `optionsLoading` {`boolean`} - \n\n  * `noWidthSync` {`boolean`} - \n\n  * `portal` {`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  * `multiple` {`string | boolean`} - Allows more than one option to be selected.\n\n  * `helpText` {`string`} - \n\n  * `help-text` {`string`} - \n\n  * `autoResize` {`boolean`} - \n\n  * `error-message` {`string`} - \n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\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  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect 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` {`ComboboxPlacement`} - 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  * `showSelected` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\n  * `data` - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `enableGroupHeader` {`boolean`} - To enable the group header in the select\n\n  * `autoFocusSearch` {`boolean`} - To auto focus the search input when the select is opened\n\n  * `loading` {`boolean`} - loading indicator for virtual select\n\n  * `stickyHeader` {`boolean`} - \n\n  * `descriptionSearchEnabled` {`boolean`} - \n\n  * `enableDescription` {`boolean`} - \n\n  * `allowHtmlLabel` {`boolean`} - \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, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.\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  * `virtualScrollHelper` - \n\n  * `portalManager` - \n\n  * `hasSlotController` - \n\n  * `typeToSelectString` {`string`} - \n\n  * `typeToSelectTimeout` {`number`} - \n\n  * `scrollTimeout` {`number | undefined`} - \n\n  * `scrolling` {`boolean`} - \n\n  * `options` {`NileOption[]`} - \n\n  * `resizeController` - \n\n  * `visibilityManager` - \n\n  * `popup` - \n\n  * `combobox` {`HTMLSlotElement`} - \n\n  * `displayInput` {`HTMLInputElement`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `listbox` {`HTMLSlotElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `displayLabel` {`string`} - \n\n  * `currentOption` - \n\n  * `selectedOptions` {`NileOption[]`} - \n\n  * `oldValue` {`string | string[]`} - \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  * `searchValue` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n  * `searchEnabled` {`boolean`} - \n\n  * `legacy` {`boolean`} - \n\n  * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select). Propagated to options.\n\n  * `internalSearchPlaceHolder` {`string`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `blockValueChange` {`boolean`} - \n\n  * `disableLocalSearch` {`boolean`} - \n\n  * `optionsLoading` {`boolean`} - \n\n  * `noWidthSync` {`boolean`} - \n\n  * `portal` {`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  * `multiple` {`string | boolean`} - Allows more than one option to be selected.\n\n  * `helpText` {`string`} - \n\n  * `help_text` {`string`} - \n\n  * `autoResize` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\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  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect 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` {`ComboboxPlacement`} - 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  * `showSelected` {`boolean`} - \n\n  * `oldMaxOptionsVisible` {`number`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\n  * `renderItemConfig` {`RenderItemConfig | undefined`} - Enhanced configuration for rendering items with support for display text, value, and search text\n\n  * `data` - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `enableGroupHeader` {`boolean`} - To enable the group header in the select\n\n  * `autoFocusSearch` {`boolean`} - To auto focus the search input when the select is opened\n\n  * `loading` {`boolean`} - loading indicator for virtual select\n\n  * `stickyHeader` {`boolean`} - \n\n  * `descriptionSearchEnabled` {`boolean`} - \n\n  * `enableDescription` {`boolean`} - \n\n  * `allowHtmlLabel` {`boolean`} - \n\n  * `handleWindowResize` - \n\n  * `handleWindowScroll` - \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, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.\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": "size",
          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\nProperty: size\n\nDefault: medium",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "medium"
            },
            {
              "name": "large"
            }
          ]
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\nProperty: placeholder\n\nDefault: Select..."
        },
        {
          "name": "searchEnabled",
          "description": "`searchEnabled` {`boolean`} - \n\nProperty: searchEnabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "legacy",
          "description": "`legacy` {`boolean`} - \n\nProperty: legacy\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "tickOnSelect",
          "description": "`tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select). Propagated to options.\n\nProperty: tickOnSelect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "internal-search-placeholder",
          "description": "`internal-search-placeholder` {`string`} - \n\nProperty: internalSearchPlaceHolder\n\nDefault: Search..."
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "blockValueChange",
          "description": "`blockValueChange` {`boolean`} - \n\nProperty: blockValueChange\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disableLocalSearch",
          "description": "`disableLocalSearch` {`boolean`} - \n\nProperty: disableLocalSearch\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "optionsLoading",
          "description": "`optionsLoading` {`boolean`} - \n\nProperty: optionsLoading\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noWidthSync",
          "description": "`noWidthSync` {`boolean`} - \n\nProperty: noWidthSync\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "portal",
          "description": "`portal` {`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: portal\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "multiple",
          "description": "`multiple` {`string | boolean`} - Allows more than one option to be selected.\n\nProperty: multiple\n\nDefault: false",
          "values": []
        },
        {
          "name": "helpText",
          "description": "`helpText` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - \n\nProperty: help_text\n\nDefault: "
        },
        {
          "name": "autoResize",
          "description": "`autoResize` {`boolean`} - \n\nProperty: autoResize\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "warning",
          "description": "`warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\nProperty: warning\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "success",
          "description": "`success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\nProperty: success\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"
        },
        {
          "name": "clearable",
          "description": "`clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\nProperty: clearable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.\n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hoist",
          "description": "`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\nProperty: hoist\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "filled",
          "description": "`filled` {`boolean`} - Draws a filled select.\n\nProperty: filled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "pill",
          "description": "`pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\nProperty: pill\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "placement",
          "description": "`placement` {`ComboboxPlacement`} - 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\nProperty: placement\n\nDefault: bottom",
          "values": [
            {
              "name": "top"
            },
            {
              "name": "bottom"
            }
          ]
        },
        {
          "name": "showSelected",
          "description": "`showSelected` {`boolean`} - \n\nProperty: showSelected\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "showNoResults",
          "description": "`showNoResults` {`boolean`} - \n\nProperty: showNoResults\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noResultsMessage",
          "description": "`noResultsMessage` {`string`} - \n\nProperty: noResultsMessage\n\nDefault: No results found"
        },
        {
          "name": "data",
          "description": "`data` - \n\nProperty: data\n\nDefault: "
        },
        {
          "name": "enableVirtualScroll",
          "description": "`enableVirtualScroll` {`boolean`} - \n\nProperty: enableVirtualScroll\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableGroupHeader",
          "description": "`enableGroupHeader` {`boolean`} - To enable the group header in the select\n\nProperty: enableGroupHeader\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "autoFocusSearch",
          "description": "`autoFocusSearch` {`boolean`} - To auto focus the search input when the select is opened\n\nProperty: autoFocusSearch\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "loading",
          "description": "`loading` {`boolean`} - loading indicator for virtual select\n\nProperty: loading\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "stickyHeader",
          "description": "`stickyHeader` {`boolean`} - \n\nProperty: stickyHeader\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "descriptionSearchEnabled",
          "description": "`descriptionSearchEnabled` {`boolean`} - \n\nProperty: descriptionSearchEnabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableDescription",
          "description": "`enableDescription` {`boolean`} - \n\nProperty: enableDescription\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowHtmlLabel",
          "description": "`allowHtmlLabel` {`boolean`} - \n\nProperty: allowHtmlLabel\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "name",
          "description": "`name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`string | string[]`} - The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.\n\nProperty: value\n\nDefault: ",
          "values": []
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the select control.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "form",
          "description": "`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\nProperty: form\n\nDefault: "
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - The select's required attribute.\n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {} - Emitted when the control's value changes."
        },
        {
          "name": "onnile-clear",
          "description": "`nile-clear` {} - Emitted when the control's value is cleared."
        },
        {
          "name": "onnile-input",
          "description": "`nile-input` {} - Emitted when the control receives input."
        },
        {
          "name": "onnile-focus",
          "description": "`nile-focus` {} - Emitted when the control gains focus."
        },
        {
          "name": "onnile-blur",
          "description": "`nile-blur` {} - Emitted when the control loses focus."
        },
        {
          "name": "onnile-show",
          "description": "`nile-show` {} - Emitted when the select's menu opens."
        },
        {
          "name": "onnile-after-show",
          "description": "`nile-after-show` {} - Emitted after the select's menu opens and all animations are complete."
        },
        {
          "name": "onnile-hide",
          "description": "`nile-hide` {} - Emitted when the select's menu closes."
        },
        {
          "name": "onnile-after-hide",
          "description": "`nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete."
        },
        {
          "name": "onnile-invalid",
          "description": "`nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied."
        },
        {
          "name": "onnile-search",
          "description": "`nile-search` {} - Emitted when the user types in the search input. The event payload includes the search query for backend search functionality."
        },
        {
          "name": "onnile-scroll",
          "description": "`nile-scroll` {} - Emitted when the user scrolls within the listbox. The event payload includes scroll position information."
        },
        {
          "name": "onnile-scroll-start",
          "description": "`nile-scroll-start` {} - Emitted when the user starts scrolling within the listbox."
        },
        {
          "name": "onnile-scroll-end",
          "description": "`nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the listbox (debounced)."
        }
      ]
    },
    {
      "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`} - ",
      "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": "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",
          "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`} - ",
      "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",
          "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` {`\"both\" | \"width\" | \"height\"`} - Sync size with trigger\n\n  * `hoist` {`boolean`} - Hoist above scroll containers\n\n  * `portal` {`boolean`} - Enable portal mode to render the dropdown panel in a portal outside the component's DOM tree.\nThis provides better positioning control and prevents clipping issues in complex layouts.\n\n  * `triggerDropdown` {`\"click\" | \"hover\"`} - \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` {`\"both\" | \"width\" | \"height\"`} - Sync size with trigger\n\n  * `hoist` {`boolean`} - Hoist above scroll containers\n\n  * `portal` {`boolean`} - Enable portal mode to render the dropdown panel in a portal outside the component's DOM tree.\nThis provides better positioning control and prevents clipping issues in complex layouts.\n\n  * `portalManager` - \n\n  * `triggerDropdown` {`\"click\" | \"hover\"`} - \n\n  * `hoverTimeout` {`number | undefined`} - \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",
          "valueSet": "v"
        },
        {
          "name": "placement",
          "description": "`placement` {`TooltipPosition`} - Preferred placement relative to trigger\n\nProperty: placement\n\nDefault: bottom-start",
          "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",
          "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` {`\"both\" | \"width\" | \"height\"`} - Sync size with trigger\n\nProperty: sync",
          "values": [
            {
              "name": "both"
            },
            {
              "name": "width"
            },
            {
              "name": "height"
            }
          ]
        },
        {
          "name": "hoist",
          "description": "`hoist` {`boolean`} - Hoist above scroll containers\n\nProperty: hoist\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "portal",
          "description": "`portal` {`boolean`} - Enable portal mode to render the dropdown panel in a portal outside the component's DOM tree.\nThis provides better positioning control and prevents clipping issues in complex layouts.\n\nProperty: portal\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "triggerDropdown",
          "description": "`triggerDropdown` {`\"click\" | \"hover\"`} - \n\nProperty: triggerDropdown\n\nDefault: click",
          "values": [
            {
              "name": "click"
            },
            {
              "name": "hover"
            }
          ]
        },
        {
          "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-expand",
      "description": "Nile side-bar-expand component.\n\nAttributes:\n\n  * `collapsed` {`boolean`} - \n\n  * `expandTooltipText` {`string`} - \n\n  * `collapseTooltipText` {`string`} - \n\nProperties:\n\n  * `collapsed` {`boolean`} - \n\n  * `expandTooltipText` {`string`} - \n\n  * `collapseTooltipText` {`string`} - \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": "expandTooltipText",
          "description": "`expandTooltipText` {`string`} - \n\nProperty: expandTooltipText\n\nDefault: Expand Sidebar"
        },
        {
          "name": "collapseTooltipText",
          "description": "`collapseTooltipText` {`string`} - \n\nProperty: collapseTooltipText\n\nDefault: Collapse Sidebar"
        }
      ]
    },
    {
      "name": "nile-side-bar-footer-item",
      "description": "Nile side-bar-footer-item component.\n\nEvents:\n\n  * `nile-click` {`CustomEvent<{ type: string | null; }>`} - \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": "onnile-click",
          "description": "`nile-click` {`CustomEvent<{ type: string | null; }>`} - "
        }
      ]
    },
    {
      "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-icon",
      "description": "Nile side-bar-group-item-icon component.\n\nSlots:\n\n  * ` ` {} - Optional slot to override the icon completely\n\nAttributes:\n\n  * `method` {`string`} - \n\n  * `size` {`string`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `duration` {`number`} - \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  * `method` {`string`} - \n\n  * `size` {`string`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `duration` {`number`} - \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": "method",
          "description": "`method` {`string`} - \n\nProperty: method\n\nDefault: fill"
        },
        {
          "name": "size",
          "description": "`size` {`string`} - \n\nProperty: size\n\nDefault: 14"
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "duration",
          "description": "`duration` {`number`} - \n\nProperty: duration\n\nDefault: 200"
        },
        {
          "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-click` {`CustomEvent<{ href: string | null; text: string; type: \"default\" | \"popover\" | \"dropdown\"; }>`} - \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  * `link` {`string | null`} - \n\n  * `active` {`boolean`} - \n\n  * `type` {`\"default\" | \"popover\" | \"dropdown\"`} - \n\n  * `expanded` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `link` {`string | null`} - \n\n  * `active` {`boolean`} - \n\n  * `type` {`\"default\" | \"popover\" | \"dropdown\"`} - \n\n  * `expanded` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "link",
          "description": "`link` {`string | null`} - \n\nProperty: link\n\nDefault: null",
          "values": []
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "type",
          "description": "`type` {`\"default\" | \"popover\" | \"dropdown\"`} - \n\nProperty: type\n\nDefault: default",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "popover"
            },
            {
              "name": "dropdown"
            }
          ]
        },
        {
          "name": "expanded",
          "description": "`expanded` {`boolean`} - \n\nProperty: expanded\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-click",
          "description": "`nile-click` {`CustomEvent<{ href: string | null; text: string; type: \"default\" | \"popover\" | \"dropdown\"; }>`} - "
        }
      ]
    },
    {
      "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-panel",
      "description": "Nile side-bar-panel component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": []
    },
    {
      "name": "nile-side-bar",
      "description": "Nile side-bar component.\n\nEvents:\n\n  * `nile-toggle` {} - Fired after the collapsed state changes (via the built-in\nexpand button or the public expand()/collapse()/toggle() methods).\n`event.detail.collapsed` is the new state.\n\nAttributes:\n\n  * `collapsed` {`boolean`} - \n\n  * `fullHeight` {`boolean`} - \n\n  * `collapsedWidth` {`number | null`} - \n\n  * `position` {`\"left\" | \"right\"`} - Position of the sidebar (\"left\" | \"right\"). Defaults to \"left\".\n\n  * `width` {`number | null`} - Expanded width of the sidebar (px).\n\n  * `overlay` {`boolean`} - When set, the sidebar is taken out of normal flow and floats\non top of adjacent content, so expanding it overlays the page instead of\npushing siblings sideways.\n\n  * `collapsed-width` - Collapsed width of the sidebar (px).\n\nProperties:\n\n  * `collapsed` {`boolean`} - \n\n  * `fullHeight` {`boolean`} - \n\n  * `collapsedWidth` {`number | null`} - \n\n  * `position` {`\"left\" | \"right\"`} - Position of the sidebar (\"left\" | \"right\"). Defaults to \"left\".\n\n  * `width` {`number | null`} - Expanded width of the sidebar (px).\n\n  * `overlay` {`boolean`} - When set, the sidebar is taken out of normal flow and floats\non top of adjacent content, so expanding it overlays the page instead of\npushing siblings sideways.\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": "fullHeight",
          "description": "`fullHeight` {`boolean`} - \n\nProperty: fullHeight\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "collapsedWidth",
          "description": "`collapsedWidth` {`number | null`} - \n\nProperty: collapsedWidth\n\nDefault: null",
          "values": []
        },
        {
          "name": "position",
          "description": "`position` {`\"left\" | \"right\"`} - Position of the sidebar (\"left\" | \"right\"). Defaults to \"left\".\n\nProperty: position\n\nDefault: left",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        },
        {
          "name": "width",
          "description": "`width` {`number | null`} - Expanded width of the sidebar (px).\n\nProperty: width\n\nDefault: null",
          "values": []
        },
        {
          "name": "overlay",
          "description": "`overlay` {`boolean`} - When set, the sidebar is taken out of normal flow and floats\non top of adjacent content, so expanding it overlays the page instead of\npushing siblings sideways.\n\nProperty: overlay\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "collapsed-width",
          "description": "`collapsed-width` - Collapsed width of the sidebar (px).\n\n"
        },
        {
          "name": "onnile-toggle",
          "description": "`nile-toggle` {} - Fired after the collapsed state changes (via the built-in\nexpand button or the public expand()/collapse()/toggle() methods).\n`event.detail.collapsed` is the new state."
        }
      ]
    },
    {
      "name": "nile-skeleton-loader",
      "description": "Attributes:\n\n  * `variant` {`\"text\" | \"circular\" | \"rectangular\" | \"rounded\"`} - \n\n  * `width` {`string | number`} - \n\n  * `height` {`string | number`} - \n\n  * `border-radius` {`string`} - \n\nProperties:\n\n  * `variant` {`\"text\" | \"circular\" | \"rectangular\" | \"rounded\"`} - \n\n  * `width` {`string | number`} - \n\n  * `height` {`string | number`} - \n\n  * `borderRadius` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "variant",
          "description": "`variant` {`\"text\" | \"circular\" | \"rectangular\" | \"rounded\"`} - \n\nProperty: variant\n\nDefault: text",
          "values": [
            {
              "name": "text"
            },
            {
              "name": "circular"
            },
            {
              "name": "rectangular"
            },
            {
              "name": "rounded"
            }
          ]
        },
        {
          "name": "width",
          "description": "`width` {`string | number`} - \n\nProperty: width\n\nDefault: ",
          "values": []
        },
        {
          "name": "height",
          "description": "`height` {`string | number`} - \n\nProperty: height\n\nDefault: ",
          "values": []
        },
        {
          "name": "border-radius",
          "description": "`border-radius` {`string`} - \n\nProperty: borderRadius\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-slide-toggle",
      "description": "Attributes:\n\n  * `label` {`string`} - \n\n  * `sublabel` {`string`} - \n\n  * `textPosition` {`\"left\" | \"right\"`} - \n\n  * `isChecked` {`boolean`} - \n\n  * `fullWidth` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\nProperties:\n\n  * `styles` - \n\n  * `label` {`string`} - \n\n  * `sublabel` {`string`} - \n\n  * `textPosition` {`\"left\" | \"right\"`} - \n\n  * `isChecked` {`boolean`} - \n\n  * `fullWidth` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        },
        {
          "name": "sublabel",
          "description": "`sublabel` {`string`} - \n\nProperty: sublabel\n\nDefault: "
        },
        {
          "name": "textPosition",
          "description": "`textPosition` {`\"left\" | \"right\"`} - \n\nProperty: textPosition\n\nDefault: right",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        },
        {
          "name": "isChecked",
          "description": "`isChecked` {`boolean`} - \n\nProperty: isChecked\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "fullWidth",
          "description": "`fullWidth` {`boolean`} - \n\nProperty: fullWidth\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-slider",
      "description": "Nile slider component.\n\nAttributes:\n\n  * `minValue` {`number`} - \n\n  * `value` {`number`} - \n\n  * `maxValue` {`number`} - \n\n  * `rangeOneValue` {`number`} - \n\n  * `rangeTwoValue` {`number`} - \n\n  * `showLabel` {`boolean`} - \n\n  * `labelStart` {`string`} - \n\n  * `labelEnd` {`string`} - \n\n  * `rangeSlider` {`boolean`} - \n\n  * `labelPosition` {`string`} - \n\n  * `tooltipPosition` {`TooltipPosition`} - \n\n  * `label` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `error` {`boolean`} - \n\n  * `valueLabel` {`ValueLabelMode`} - \n\nProperties:\n\n  * `minValue` {`number`} - \n\n  * `value` {`number`} - \n\n  * `maxValue` {`number`} - \n\n  * `rangeOneValue` {`number`} - \n\n  * `rangeTwoValue` {`number`} - \n\n  * `showLabel` {`boolean`} - \n\n  * `labelStart` {`string`} - \n\n  * `labelEnd` {`string`} - \n\n  * `rangeSlider` {`boolean`} - \n\n  * `labelPosition` {`string`} - \n\n  * `tooltipPosition` {`TooltipPosition`} - \n\n  * `label` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `error` {`boolean`} - \n\n  * `valueLabel` {`ValueLabelMode`} - \n\n  * `buttonOne` {`HTMLElement`} - \n\n  * `buttonTwo` {`HTMLElement`} - \n\n  * `range` {`HTMLElement`} - \n\n  * `completed` {`HTMLElement`} - \n\n  * `activeThumb` {`\"one\" | \"two\" | null`} - \n\n  * `onMouseMove` - \n\n  * `onMouseUp` - \n\n  * `onMouseDown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "minValue",
          "description": "`minValue` {`number`} - \n\nProperty: minValue\n\nDefault: 0"
        },
        {
          "name": "value",
          "description": "`value` {`number`} - \n\nProperty: value\n\nDefault: minValue"
        },
        {
          "name": "maxValue",
          "description": "`maxValue` {`number`} - \n\nProperty: maxValue\n\nDefault: 100"
        },
        {
          "name": "rangeOneValue",
          "description": "`rangeOneValue` {`number`} - \n\nProperty: rangeOneValue\n\nDefault: minValue"
        },
        {
          "name": "rangeTwoValue",
          "description": "`rangeTwoValue` {`number`} - \n\nProperty: rangeTwoValue\n\nDefault: maxValue"
        },
        {
          "name": "showLabel",
          "description": "`showLabel` {`boolean`} - \n\nProperty: showLabel\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "labelStart",
          "description": "`labelStart` {`string`} - \n\nProperty: labelStart\n\nDefault: "
        },
        {
          "name": "labelEnd",
          "description": "`labelEnd` {`string`} - \n\nProperty: labelEnd\n\nDefault: "
        },
        {
          "name": "rangeSlider",
          "description": "`rangeSlider` {`boolean`} - \n\nProperty: rangeSlider\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "labelPosition",
          "description": "`labelPosition` {`string`} - \n\nProperty: labelPosition\n\nDefault: top"
        },
        {
          "name": "tooltipPosition",
          "description": "`tooltipPosition` {`TooltipPosition`} - \n\nProperty: tooltipPosition\n\nDefault: top",
          "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": "label",
          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - \n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "valueLabel",
          "description": "`valueLabel` {`ValueLabelMode`} - \n\nProperty: valueLabel\n\nDefault: tooltip",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "tooltip"
            },
            {
              "name": "none"
            }
          ]
        }
      ]
    },
    {
      "name": "nile-spinner",
      "description": "Nile icon component.\n\n",
      "attributes": []
    },
    {
      "name": "nile-split-panel",
      "description": "Events:\n\n  * `nile-reposition` {} - Emitted when the divider's position changes.\n\nSlots:\n\n  * `start` {} - Content to place in the start panel.\n\n  * `end` {} - Content to place in the end panel.\n\n  * `divider` {} - The divider. Useful for slotting in a custom icon that renders as a handle.\n\nAttributes:\n\n  * `position` {`number`} - The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.\n\n  * `position-in-pixels` {`number`} - The current position of the divider from the primary panel's edge in pixels.\n\n  * `vertical` {`boolean`} - Draws the split panel in a vertical orientation with the start and end panels stacked.\n\n  * `disabled` {`boolean`} - Disables resizing. Note that the position may still change as a result of resizing the host element.\n\n  * `primary` {`\"end\" | \"start\" | undefined`} - If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.\n\n  * `snap` {`string | undefined`} - One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.\n\n  * `snap-threshold` {`number`} - How close the divider must be to a snap point until snapping occurs.\n\nProperties:\n\n  * `styles` - \n\n  * `cachedPositionInPixels` {`number`} - \n\n  * `resizeObserver` - \n\n  * `size` {`number`} - \n\n  * `divider` {`HTMLElement`} - \n\n  * `position` {`number`} - The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.\n\n  * `positionInPixels` {`number`} - The current position of the divider from the primary panel's edge in pixels.\n\n  * `vertical` {`boolean`} - Draws the split panel in a vertical orientation with the start and end panels stacked.\n\n  * `disabled` {`boolean`} - Disables resizing. Note that the position may still change as a result of resizing the host element.\n\n  * `primary` {`\"end\" | \"start\" | undefined`} - If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.\n\n  * `snap` {`string | undefined`} - One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.\n\n  * `snapThreshold` {`number`} - How close the divider must be to a snap point until snapping occurs.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "position",
          "description": "`position` {`number`} - The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.\n\nProperty: position\n\nDefault: 50"
        },
        {
          "name": "position-in-pixels",
          "description": "`position-in-pixels` {`number`} - The current position of the divider from the primary panel's edge in pixels.\n\nProperty: positionInPixels"
        },
        {
          "name": "vertical",
          "description": "`vertical` {`boolean`} - Draws the split panel in a vertical orientation with the start and end panels stacked.\n\nProperty: vertical\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables resizing. Note that the position may still change as a result of resizing the host element.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "primary",
          "description": "`primary` {`\"end\" | \"start\" | undefined`} - If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.\n\nProperty: primary",
          "values": [
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "snap",
          "description": "`snap` {`string | undefined`} - One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.\n\nProperty: snap",
          "values": []
        },
        {
          "name": "snap-threshold",
          "description": "`snap-threshold` {`number`} - How close the divider must be to a snap point until snapping occurs.\n\nProperty: snapThreshold\n\nDefault: 12"
        },
        {
          "name": "onnile-reposition",
          "description": "`nile-reposition` {} - Emitted when the divider's position changes."
        }
      ]
    },
    {
      "name": "nile-status-light",
      "description": "Nile status light component.\n\nSlots:\n\n  * ` ` {} - The status light's text label.\n\nAttributes:\n\n  * `variant` {`\"positive\" | \"negative\" | \"notice\" | \"informative\" | \"neutral\" | \"inactive\"`} - The status light's color variant.\n\n  * `size` {`\"small\" | \"medium\" | \"large\" | \"x-large\"`} - The status light's size.\n\n  * `disabled` {`boolean`} - Disables the status light, muting its colors.\n\n  * `pulse` {boolean} - Draws attention to an active status with a pulsing animation around the dot.\n\nProperties:\n\n  * `styles` - \n\n  * `variant` {`\"positive\" | \"negative\" | \"notice\" | \"informative\" | \"neutral\" | \"inactive\"`} - The status light's color variant.\n\n  * `size` {`\"small\" | \"medium\" | \"large\" | \"x-large\"`} - The status light's size.\n\n  * `disabled` {`boolean`} - Disables the status light, muting its colors.\n\n  * `pulse` {boolean} - Draws attention to an active status with a pulsing animation around the dot.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "variant",
          "description": "`variant` {`\"positive\" | \"negative\" | \"notice\" | \"informative\" | \"neutral\" | \"inactive\"`} - The status light's color variant.\n\nProperty: variant\n\nDefault: neutral",
          "values": [
            {
              "name": "positive"
            },
            {
              "name": "negative"
            },
            {
              "name": "notice"
            },
            {
              "name": "informative"
            },
            {
              "name": "neutral"
            },
            {
              "name": "inactive"
            }
          ]
        },
        {
          "name": "size",
          "description": "`size` {`\"small\" | \"medium\" | \"large\" | \"x-large\"`} - The status light's size.\n\nProperty: size\n\nDefault: medium",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "medium"
            },
            {
              "name": "large"
            },
            {
              "name": "x-large"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the status light, muting its colors.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "pulse",
          "description": "`pulse` {boolean} - Draws attention to an active status with a pulsing animation around the dot.\n\nProperty: pulse\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-stepper-item",
      "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",
          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: "
        },
        {
          "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\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",
          "description": "`vertical` {`boolean`} - \n\nProperty: isVertical\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "contentBelow",
          "description": "`contentBelow` {`boolean`} - \n\nProperty: contentBelow\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "currentStep",
          "description": "`currentStep` {`number`} - \n\nProperty: currentStep\n\nDefault: 0"
        },
        {
          "name": "completedStep",
          "description": "`completedStep` {`number`} - \n\nProperty: completedStep\n\nDefault: 0"
        },
        {
          "name": "size",
          "description": "`size` {`\"sm\" | \"lg\"`} - \n\nProperty: size\n\nDefault: lg",
          "values": [
            {
              "name": "sm"
            },
            {
              "name": "lg"
            }
          ]
        },
        {
          "name": "icon",
          "description": "`icon` {`string`} - \n\nProperty: icon\n\nDefault: tick"
        },
        {
          "name": "manual",
          "description": "`manual` {`boolean`} - \n\nProperty: manual\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-switcher",
      "description": "Attributes:\n\n  * `nileSwitchConfig` {`switchconfig`} - \n\n  * `current` {`Number`} - \n\n  * `currentInput` {`switchInputType`} - \n\nProperties:\n\n  * `styles` - The styles for nile switcher\n\n  * `hasSlotController` - \n\n  * `nileSwitchConfig` {`switchconfig`} - \n\n  * `current` {`Number`} - \n\n  * `currentInput` {`switchInputType`} - \n\n  * `isToggleSwitch` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "nileSwitchConfig",
          "description": "`nileSwitchConfig` {`switchconfig`} - \n\nProperty: nileSwitchConfig"
        },
        {
          "name": "current",
          "description": "`current` {`Number`} - \n\nProperty: current\n\nDefault: 0"
        },
        {
          "name": "currentInput",
          "description": "`currentInput` {`switchInputType`} - \n\nProperty: currentInput"
        }
      ]
    },
    {
      "name": "nile-tab-group",
      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-tab-show` - Emitted when a tab is shown.\n\n  * `nile-tab-hide` - Emitted when a tab is hidden.\n\nSlots:\n\n  * ` ` {} - Used for grouping tab panels in the tab group. Must be `<nile-tab-panel>` elements.\n\n  * `nav` {} - Used for grouping tabs in the tab group. Must be `<nile-tab>` elements.\n\nAttributes:\n\n  * `hasScrollControls` {`boolean`} - \n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n  * `value` {`string`} - The placement of the tabs.\n\n  * `no-track` {`boolean`} - Track for showing Indicators and Background.\n\n  * `activation` {`\"manual\" | \"auto\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n  * `no-scroll-controls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n  * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\nProperties:\n\n  * `styles` - \n\n  * `activeTab` - \n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `resizeObserver` - \n\n  * `tabs` {`NileTab[]`} - \n\n  * `panels` {`NileTabPanel[]`} - \n\n  * `tabGroup` {`HTMLElement`} - \n\n  * `body` {`HTMLSlotElement`} - \n\n  * `nav` {`HTMLElement`} - \n\n  * `indicator` {`HTMLElement`} - \n\n  * `hasScrollControls` {`boolean`} - \n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n  * `activeTabProp` {`string`} - The placement of the tabs.\n\n  * `noTrack` {`boolean`} - Track for showing Indicators and Background.\n\n  * `activation` {`\"manual\" | \"auto\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n  * `noScrollControls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n  * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\n  * `activeTabName` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "hasScrollControls",
          "description": "`hasScrollControls` {`boolean`} - \n\nProperty: hasScrollControls\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "placement",
          "description": "`placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\nProperty: placement\n\nDefault: top",
          "values": [
            {
              "name": "top"
            },
            {
              "name": "bottom"
            },
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "value",
          "description": "`value` {`string`} - The placement of the tabs.\n\nProperty: activeTabProp\n\nDefault: "
        },
        {
          "name": "no-track",
          "description": "`no-track` {`boolean`} - Track for showing Indicators and Background.\n\nProperty: noTrack\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "activation",
          "description": "`activation` {`\"manual\" | \"auto\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\nProperty: activation\n\nDefault: auto",
          "values": [
            {
              "name": "manual"
            },
            {
              "name": "auto"
            }
          ]
        },
        {
          "name": "no-scroll-controls",
          "description": "`no-scroll-controls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\nProperty: noScrollControls\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "centered",
          "description": "`centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\nProperty: centered\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-tab-show",
          "description": "`nile-tab-show` - Emitted when a tab is shown."
        },
        {
          "name": "onnile-tab-hide",
          "description": "`nile-tab-hide` - Emitted when a tab is hidden."
        }
      ]
    },
    {
      "name": "nile-tab-panel",
      "description": "Nile icon component.\n\nSlots:\n\n  * ` ` {} - The tab panel's content.\n\nAttributes:\n\n  * `name` {`string`} - The tab panel's name.\n\n  * `active` {`boolean`} - When true, the tab panel will be shown.\n\nProperties:\n\n  * `styles` - \n\n  * `attrId` {`number`} - \n\n  * `componentId` {`string`} - \n\n  * `name` {`string`} - The tab panel's name.\n\n  * `active` {`boolean`} - When true, the tab panel will be shown.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "name",
          "description": "`name` {`string`} - The tab panel's name.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - When true, the tab panel will be shown.\n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-tab",
      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-close` {} - Emitted when the tab is closable and the close button is activated.\n\nSlots:\n\n  * ` ` {} - The tab's label.\n\nAttributes:\n\n  * `panel` {`string`} - The name of the tab panel this tab is associated with. The panel must be located in the same tab group.\n\n  * `active` {`boolean`} - Draws the tab in an active state.\n\n  * `closable` {`boolean`} - Makes the tab closable and shows a close button.\n\n  * `disabled` {`boolean`} - Disables the tab and prevents selection.\n\n  * `centered` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `attrId` {`number`} - \n\n  * `componentId` {`string`} - \n\n  * `tab` {`HTMLElement`} - \n\n  * `panel` {`string`} - The name of the tab panel this tab is associated with. The panel must be located in the same tab group.\n\n  * `active` {`boolean`} - Draws the tab in an active state.\n\n  * `closable` {`boolean`} - Makes the tab closable and shows a close button.\n\n  * `disabled` {`boolean`} - Disables the tab and prevents selection.\n\n  * `centered` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "panel",
          "description": "`panel` {`string`} - The name of the tab panel this tab is associated with. The panel must be located in the same tab group.\n\nProperty: panel\n\nDefault: "
        },
        {
          "name": "active",
          "description": "`active` {`boolean`} - Draws the tab in an active state.\n\nProperty: active\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "closable",
          "description": "`closable` {`boolean`} - Makes the tab closable and shows a close button.\n\nProperty: closable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the tab and prevents selection.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "centered",
          "description": "`centered` {`boolean`} - \n\nProperty: centered\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-close",
          "description": "`nile-close` {} - Emitted when the tab is closable and the close button is activated."
        }
      ]
    },
    {
      "name": "nile-table-body",
      "description": "nile-table-body component.\n\nAttributes:\n\n  * `type` {`\"primary\" | \"secondary\"`} - \n\n  * `bodyStyle` {`string`} - \n\nProperties:\n\n  * `defaultSlot` {`HTMLSlotElement`} - The styles for TableBody\n\n  * `_childNodes` {`HTMLElement[]`} - \n\n  * `type` {`\"primary\" | \"secondary\"`} - \n\n  * `bodyStyle` {`string`} - \n\n  * `rows_data` {`any[]`} - \n\n  * `header_rows_data` {`any[]`} - \n\n  * `sort__index` {`number`} - \n\n  * `search__index` {`number`} - \n\n  * `hasResizableColumns` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "type",
          "description": "`type` {`\"primary\" | \"secondary\"`} - \n\nProperty: type\n\nDefault: primary",
          "values": [
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            }
          ]
        },
        {
          "name": "bodyStyle",
          "description": "`bodyStyle` {`string`} - \n\nProperty: bodyStyle"
        }
      ]
    },
    {
      "name": "nile-table-cell-item",
      "description": "Nile table Cell Item component.\n\nAttributes:\n\n  * `resizable` {`boolean`} - Enables the resize functionality.\n\nProperties:\n\n  * `hasSlotController` - \n\n  * `resizable` {`boolean`} - Enables the resize functionality.\n\n  * `handleResizeStart` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "resizable",
          "description": "`resizable` {`boolean`} - Enables the resize functionality.\n\nProperty: resizable\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-table-header-item",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `havesort` {`boolean`} - Enables the sort functionality.\n\n  * `havefilter` {`boolean`} - Enables the sort functionality.\n\n  * `icon-name` {`string`} - Places the icon .\n\n  * `resizable` {`boolean`} - Enables the resize functionality.\n\nProperties:\n\n  * `hasSlotController` - \n\n  * `havesort` {`boolean`} - Enables the sort functionality.\n\n  * `havefilter` {`boolean`} - Enables the sort functionality.\n\n  * `iconName` {`string`} - Places the icon .\n\n  * `resizable` {`boolean`} - Enables the resize functionality.\n\n  * `sorting_ct` {`number`} - \n\n  * `handleResizeStart` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "havesort",
          "description": "`havesort` {`boolean`} - Enables the sort functionality.\n\nProperty: havesort\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "havefilter",
          "description": "`havefilter` {`boolean`} - Enables the sort functionality.\n\nProperty: havefilter\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "icon-name",
          "description": "`icon-name` {`string`} - Places the icon .\n\nProperty: iconName\n\nDefault: "
        },
        {
          "name": "resizable",
          "description": "`resizable` {`boolean`} - Enables the resize functionality.\n\nProperty: resizable\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-table-row",
      "description": "nile-table-row component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": []
    },
    {
      "name": "nile-table",
      "description": "Nile table component.\n\nProperties:\n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `rows` {`NileTableBody[]`} - \n\n  * `primaryRowWidths` {`number[]`} - \n\n  * `resizeObserver` - \n\n  * `debounceTimeout` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": []
    },
    {
      "name": "nile-tag",
      "description": "Events:\n\n  * `nile-remove` {} - Emitted when the remove button is activated.\n\nSlots:\n\n  * ` ` {} - The tag's content.\n\nAttributes:\n\n  * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\"`} - The tag's theme variant.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The tag's size.\n\n  * `pill` {`boolean`} - Draws a pill-style tag with rounded edges.\n\n  * `removable` {`boolean`} - Makes the tag removable and shows a remove button.\n\n  * `disabled` {`boolean`} - Disables the tag and cannot remove the tag.\n\nProperties:\n\n  * `styles` - \n\n  * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\"`} - The tag's theme variant.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The tag's size.\n\n  * `pill` {`boolean`} - Draws a pill-style tag with rounded edges.\n\n  * `removable` {`boolean`} - Makes the tag removable and shows a remove button.\n\n  * `disabled` {`boolean`} - Disables the tag and cannot remove the tag.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "variant",
          "description": "`variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\"`} - The tag's theme variant.\n\nProperty: variant\n\nDefault: normal",
          "values": [
            {
              "name": "primary"
            },
            {
              "name": "success"
            },
            {
              "name": "normal"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "info"
            }
          ]
        },
        {
          "name": "size",
          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The tag's size.\n\nProperty: size\n\nDefault: medium",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "medium"
            },
            {
              "name": "large"
            }
          ]
        },
        {
          "name": "pill",
          "description": "`pill` {`boolean`} - Draws a pill-style tag with rounded edges.\n\nProperty: pill\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "removable",
          "description": "`removable` {`boolean`} - Makes the tag removable and shows a remove button.\n\nProperty: removable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the tag and cannot remove the tag.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-remove",
          "description": "`nile-remove` {} - Emitted when the remove button is activated."
        }
      ]
    },
    {
      "name": "nile-textarea",
      "description": "Events:\n\n  * `nile-blur` {} - Emitted when the control loses focus.\n\n  * `nile-change` {} - Emitted when an alteration to the control's value is committed by the user.\n\n  * `nile-focus` {} - Emitted when the control gains focus.\n\n  * `nile-input` {} - Emitted when the control receives input.\n\nSlots:\n\n  * `label` {} - The textarea's label. Alternatively, you can use the `label` attribute.\n\n  * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n  * `size` {`string`} - The textarea's size.\n\n  * `filled` {`boolean`} - Draws a filled textarea.\n\n  * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `rows` {`number`} - The number of rows to display by default.\n\n  * `resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\n  * `disabled` {`boolean`} - Disables the textarea.\n\n  * `readonly` {`boolean`} - Makes the textarea readonly.\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`} - Makes the textarea a required field.\n\n  * `minlength` {`number`} - \n\n  * `maxlength` {`number`} - \n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `fullHeight` {`boolean`} - \n\n  * `checkNonPrintableChar` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `resizeObserver` - \n\n  * `input` {`HTMLTextAreaElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n  * `size` {`string`} - The textarea's size.\n\n  * `filled` {`boolean`} - Draws a filled textarea.\n\n  * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `rows` {`number`} - The number of rows to display by default.\n\n  * `resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\n  * `disabled` {`boolean`} - Disables the textarea.\n\n  * `readonly` {`boolean`} - Makes the textarea readonly.\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`} - Makes the textarea a required field.\n\n  * `minlength` {`number`} - \n\n  * `maxlength` {`number`} - \n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `fullHeight` {`boolean`} - \n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `hasPrintableCharacters` {`boolean`} - \n\n  * `markedValue` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "title",
          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: "
        },
        {
          "name": "name",
          "description": "`name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\nProperty: value\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`string`} - The textarea's size.\n\nProperty: size\n\nDefault: medium"
        },
        {
          "name": "filled",
          "description": "`filled` {`boolean`} - Draws a filled textarea.\n\nProperty: filled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - \n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\nProperty: placeholder\n\nDefault: "
        },
        {
          "name": "rows",
          "description": "`rows` {`number`} - The number of rows to display by default.\n\nProperty: rows\n\nDefault: 4"
        },
        {
          "name": "resize",
          "description": "`resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\nProperty: resize\n\nDefault: vertical",
          "values": [
            {
              "name": "none"
            },
            {
              "name": "vertical"
            },
            {
              "name": "auto"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the textarea.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "readonly",
          "description": "`readonly` {`boolean`} - Makes the textarea readonly.\n\nProperty: readonly\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "form",
          "description": "`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\nProperty: form\n\nDefault: "
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - Makes the textarea a required field.\n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "minlength",
          "description": "`minlength` {`number`} - \n\nProperty: minlength"
        },
        {
          "name": "maxlength",
          "description": "`maxlength` {`number`} - \n\nProperty: maxlength"
        },
        {
          "name": "warning",
          "description": "`warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\nProperty: warning\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "success",
          "description": "`success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\nProperty: success\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "autocapitalize",
          "description": "`autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\nProperty: autocapitalize",
          "values": [
            {
              "name": "none"
            },
            {
              "name": "off"
            },
            {
              "name": "on"
            },
            {
              "name": "sentences"
            },
            {
              "name": "words"
            },
            {
              "name": "characters"
            }
          ]
        },
        {
          "name": "autocorrect",
          "description": "`autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\nProperty: autocorrect"
        },
        {
          "name": "autocomplete",
          "description": "`autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\nProperty: autocomplete"
        },
        {
          "name": "autofocus",
          "description": "`autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\nProperty: autofocus",
          "valueSet": "v"
        },
        {
          "name": "enterkeyhint",
          "description": "`enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\nProperty: enterkeyhint",
          "values": [
            {
              "name": "search"
            },
            {
              "name": "enter"
            },
            {
              "name": "done"
            },
            {
              "name": "go"
            },
            {
              "name": "next"
            },
            {
              "name": "previous"
            },
            {
              "name": "send"
            }
          ]
        },
        {
          "name": "spellcheck",
          "description": "`spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\nProperty: spellcheck\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "inputmode",
          "description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
          "values": [
            {
              "name": "text"
            },
            {
              "name": "none"
            },
            {
              "name": "numeric"
            },
            {
              "name": "email"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "url"
            },
            {
              "name": "decimal"
            }
          ]
        },
        {
          "name": "fullHeight",
          "description": "`fullHeight` {`boolean`} - \n\nProperty: fullHeight\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "checkNonPrintableChar",
          "description": "`checkNonPrintableChar` {`boolean`} - \n\nProperty: checkNonPrintableChar\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-blur",
          "description": "`nile-blur` {} - Emitted when the control loses focus."
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {} - Emitted when an alteration to the control's value is committed by the user."
        },
        {
          "name": "onnile-focus",
          "description": "`nile-focus` {} - Emitted when the control gains focus."
        },
        {
          "name": "onnile-input",
          "description": "`nile-input` {} - Emitted when the control receives input."
        }
      ]
    },
    {
      "name": "nile-title",
      "description": "Nile title component.\n\nAttributes:\n\n  * `headerText` {`string`} - \n\n  * `pageTitle` {`string`} - \n\nProperties:\n\n  * `headerText` {`string`} - \n\n  * `pageTitle` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "headerText",
          "description": "`headerText` {`string`} - \n\nProperty: headerText\n\nDefault: "
        },
        {
          "name": "pageTitle",
          "description": "`pageTitle` {`string`} - \n\nProperty: pageTitle\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-toast",
      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-show` {} - Emitted when the alert opens.\n\n  * `nile-after-show` {} - Emitted after the alert opens and all animations are complete.\n\n  * `nile-hide` {} - Emitted when the alert closes.\n\n  * `nile-after-hide` {} - Emitted after the alert closes and all animations are complete.\n\nSlots:\n\n  * ` ` {} - The alert's main content.\n\n  * `icon` {} - An icon to show in the alert. Works best with `<nile-icon>`.\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.\n\n  * `noIcon` {`boolean`} - \n\n  * `closable` {`boolean`} - Enables a close button that allows the user to dismiss the alert.\n\n  * `hasSlottedContent` {`boolean`} - \n\n  * `hasSlottedIcon` {`boolean`} - \n\n  * `prefixImageUrl` {`string`} - \n\n  * `closeIconName` {`string`} - \n\n  * `variant` {`\"success\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"black\"`} - The alert's theme variant.\n\n  * `duration` {`number`} - The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.\n\n  * `title` {`string`} - \n\n  * `content` {`string`} - \n\n  * `tags` {`any[]`} - \n\nProperties:\n\n  * `styles` - \n\n  * `autoHideTimeout` {`number`} - \n\n  * `hasSlotController` - \n\n  * `base` {`HTMLElement`} - \n\n  * `open` {`boolean`} - Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.\n\n  * `noIcon` {`boolean`} - \n\n  * `closable` {`boolean`} - Enables a close button that allows the user to dismiss the alert.\n\n  * `hasSlottedContent` {`boolean`} - \n\n  * `hasSlottedIcon` {`boolean`} - \n\n  * `prefixImageUrl` {`string`} - \n\n  * `closeIconName` {`string`} - \n\n  * `variant` {`\"success\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"black\"`} - The alert's theme variant.\n\n  * `duration` {`number`} - The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.\n\n  * `title` {`string`} - \n\n  * `content` {`string`} - \n\n  * `tags` {`any[]`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "open",
          "description": "`open` {`boolean`} - Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.\n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noIcon",
          "description": "`noIcon` {`boolean`} - \n\nProperty: noIcon\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "closable",
          "description": "`closable` {`boolean`} - Enables a close button that allows the user to dismiss the alert.\n\nProperty: closable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hasSlottedContent",
          "description": "`hasSlottedContent` {`boolean`} - \n\nProperty: hasSlottedContent\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hasSlottedIcon",
          "description": "`hasSlottedIcon` {`boolean`} - \n\nProperty: hasSlottedIcon\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "prefixImageUrl",
          "description": "`prefixImageUrl` {`string`} - \n\nProperty: prefixImageUrl\n\nDefault: "
        },
        {
          "name": "closeIconName",
          "description": "`closeIconName` {`string`} - \n\nProperty: closeIconName\n\nDefault: var(--nile-icon-close, var(--ng-icon-x-close))"
        },
        {
          "name": "variant",
          "description": "`variant` {`\"success\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"black\"`} - The alert's theme variant.\n\nProperty: variant\n\nDefault: success",
          "values": [
            {
              "name": "success"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "info"
            },
            {
              "name": "gray"
            },
            {
              "name": "black"
            }
          ]
        },
        {
          "name": "duration",
          "description": "`duration` {`number`} - The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.\n\nProperty: duration\n\nDefault: Infinity"
        },
        {
          "name": "title",
          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: "
        },
        {
          "name": "content",
          "description": "`content` {`string`} - \n\nProperty: content\n\nDefault: "
        },
        {
          "name": "tags",
          "description": "`tags` {`any[]`} - \n\nProperty: tags\n\nDefault: "
        },
        {
          "name": "onnile-show",
          "description": "`nile-show` {} - Emitted when the alert opens."
        },
        {
          "name": "onnile-after-show",
          "description": "`nile-after-show` {} - Emitted after the alert opens and all animations are complete."
        },
        {
          "name": "onnile-hide",
          "description": "`nile-hide` {} - Emitted when the alert closes."
        },
        {
          "name": "onnile-after-hide",
          "description": "`nile-after-hide` {} - Emitted after the alert closes and all animations are complete."
        }
      ]
    },
    {
      "name": "nile-toolbar",
      "description": "Nile toolbar component.\n\nAttributes:\n\n  * `color` {`string`} - \n\n  * `background` {`string`} - \n\nProperties:\n\n  * `color` {`string`} - \n\n  * `background` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "color",
          "description": "`color` {`string`} - \n\nProperty: color\n\nDefault: "
        },
        {
          "name": "background",
          "description": "`background` {`string`} - \n\nProperty: background\n\nDefault: "
        }
      ]
    },
    {
      "name": "nile-tooltip",
      "description": "Nile icon component.\n\nAttributes:\n\n  * `content` {`string`} - The tooltip's content. If you need to display HTML, use the `content` slot instead.\n\n  * `size` {`\"small\" | \"large\"`} - Size Property to decide the tool tip size\n\n  * `placement` {`TooltipPosition`} - The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n  * `disabled` {`boolean`} - Disables the tooltip so it won't show when triggered.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the tooltip away from its target.\n\n  * `open` {`boolean`} - Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.\n\n  * `skidding` {`number`} - The distance in pixels from which to offset the tooltip along its target.\n\n  * `trigger` {`string`} - Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.\n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\nProperties:\n\n  * `hoverTimeout` {`number`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `body` {`HTMLElement`} - \n\n  * `popup` - \n\n  * `content` {`string`} - The tooltip's content. If you need to display HTML, use the `content` slot instead.\n\n  * `size` {`\"small\" | \"large\"`} - Size Property to decide the tool tip size\n\n  * `placement` {`TooltipPosition`} - The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n  * `disabled` {`boolean`} - Disables the tooltip so it won't show when triggered.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the tooltip away from its target.\n\n  * `open` {`boolean`} - Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.\n\n  * `skidding` {`number`} - The distance in pixels from which to offset the tooltip along its target.\n\n  * `trigger` {`string`} - Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.\n\n  * `visibilityManager` - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "content",
          "description": "`content` {`string`} - The tooltip's content. If you need to display HTML, use the `content` slot instead.\n\nProperty: content\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`\"small\" | \"large\"`} - Size Property to decide the tool tip size\n\nProperty: size\n\nDefault: small",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "large"
            }
          ]
        },
        {
          "name": "placement",
          "description": "`placement` {`TooltipPosition`} - The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\nProperty: placement\n\nDefault: top",
          "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`} - Disables the tooltip so it won't show when triggered.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "distance",
          "description": "`distance` {`number`} - The distance in pixels from which to offset the tooltip away from its target.\n\nProperty: distance\n\nDefault: 8"
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.\n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "skidding",
          "description": "`skidding` {`number`} - The distance in pixels from which to offset the tooltip along its target.\n\nProperty: skidding\n\nDefault: 0"
        },
        {
          "name": "trigger",
          "description": "`trigger` {`string`} - Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.\n\nProperty: trigger\n\nDefault: hover focus"
        },
        {
          "name": "hoist",
          "description": "`hoist` {`boolean`} - Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.\n\nProperty: hoist\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "nile-tree-item",
      "description": "Events:\n\n  * `nile-expand` {} - Emitted when the tree item expands.\n\n  * `nile-after-expand` {} - Emitted after the tree item expands and all animations are complete.\n\n  * `nile-collapse` {} - Emitted when the tree item collapses.\n\n  * `nile-after-collapse` {} - Emitted after the tree item collapses and all animations are complete.\n\n  * `nile-lazy-change` {} - Emitted when the tree item's lazy state changes.\n\n  * `nile-lazy-load` {} - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\nitems to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\nstate and update the tree.\n\nSlots:\n\n  * ` ` {} - The default slot.\n\n  * `expand-icon` {} - The icon to show when the tree item is expanded.\n\n  * `collapse-icon` {} - The icon to show when the tree item is collapsed.\n\nAttributes:\n\n  * `expanded` {`boolean`} - Expands the tree item.\n\n  * `selected` {`boolean`} - Draws the tree item in a selected state.\n\n  * `disabled` {`boolean`} - Disables the tree item.\n\n  * `lazy` {`boolean`} - Enables lazy loading behavior.\n\nProperties:\n\n  * `styles` - \n\n  * `indeterminate` {`boolean`} - \n\n  * `isLeaf` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `selectable` {`boolean`} - \n\n  * `expanded` {`boolean`} - Expands the tree item.\n\n  * `selected` {`boolean`} - Draws the tree item in a selected state.\n\n  * `disabled` {`boolean`} - Disables the tree item.\n\n  * `lazy` {`boolean`} - Enables lazy loading behavior.\n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `childrenSlot` {`HTMLSlotElement`} - \n\n  * `itemElement` {`HTMLDivElement`} - \n\n  * `childrenContainer` {`HTMLDivElement`} - \n\n  * `expandButtonSlot` {`HTMLSlotElement`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "expanded",
          "description": "`expanded` {`boolean`} - Expands the tree item.\n\nProperty: expanded\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "selected",
          "description": "`selected` {`boolean`} - Draws the tree item in a selected state.\n\nProperty: selected\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the tree item.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "lazy",
          "description": "`lazy` {`boolean`} - Enables lazy loading behavior.\n\nProperty: lazy\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-expand",
          "description": "`nile-expand` {} - Emitted when the tree item expands."
        },
        {
          "name": "onnile-after-expand",
          "description": "`nile-after-expand` {} - Emitted after the tree item expands and all animations are complete."
        },
        {
          "name": "onnile-collapse",
          "description": "`nile-collapse` {} - Emitted when the tree item collapses."
        },
        {
          "name": "onnile-after-collapse",
          "description": "`nile-after-collapse` {} - Emitted after the tree item collapses and all animations are complete."
        },
        {
          "name": "onnile-lazy-change",
          "description": "`nile-lazy-change` {} - Emitted when the tree item's lazy state changes."
        },
        {
          "name": "onnile-lazy-load",
          "description": "`nile-lazy-load` {} - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\nitems to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\nstate and update the tree."
        }
      ]
    },
    {
      "name": "nile-tree",
      "description": "Events:\n\n  * `nile-selection-change` - Emitted when a tree item is selected or deselected.\n\nSlots:\n\n  * ` ` {} - The default slot.\n\n  * `expand-icon` {} - The icon to show when the tree item is expanded. Works best with `<nile-icon>`.\n\n  * `collapse-icon` {} - The icon to show when the tree item is collapsed. Works best with `<nile-icon>`.\n\nAttributes:\n\n  * `selection` {`\"single\" | \"multiple\" | \"leaf\"`} - The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.\n\nProperties:\n\n  * `styles` - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `expandedIconSlot` {`HTMLSlotElement`} - \n\n  * `collapsedIconSlot` {`HTMLSlotElement`} - \n\n  * `selection` {`\"single\" | \"multiple\" | \"leaf\"`} - The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.\n\n  * `lastFocusedItem` - \n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `clickTarget` - \n\n  * `initTreeItem` - \n\n  * `selectedItems` {`NileTreeItem[]`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
      "attributes": [
        {
          "name": "selection",
          "description": "`selection` {`\"single\" | \"multiple\" | \"leaf\"`} - The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.\n\nProperty: selection\n\nDefault: leaf",
          "values": [
            {
              "name": "single"
            },
            {
              "name": "multiple"
            },
            {
              "name": "leaf"
            }
          ]
        },
        {
          "name": "onnile-selection-change",
          "description": "`nile-selection-change` - Emitted when a tree item is selected or deselected."
        }
      ]
    },
    {
      "name": "nile-vertical-stepper-item",
      "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",
          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: "
        },
        {
          "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  * `enableVisibilityEffect` {`boolean`} - \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` {`ComboboxPlacement`} - 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  * `portal` {`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  * `enableTabClose` {`boolean`} - \n\n  * `descriptionSearchEnabled` {`boolean`} - \n\n  * `allowHtmlLabel` {`boolean`} - \n\n  * `enableDescription` {`boolean`} - \n\n  * `legacy` {`boolean`} - Legacy: hide the option checkbox (the \"Show Selected\" footer is kept).\n\n  * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select).\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  * `portalManager` - \n\n  * `popup` - \n\n  * `combobox` {`HTMLElement`} - \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  * `visibilityManager` - \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  * `enableVisibilityEffect` {`boolean`} - \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` {`ComboboxPlacement`} - 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  * `portal` {`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  * `enableTabClose` {`boolean`} - \n\n  * `descriptionSearchEnabled` {`boolean`} - \n\n  * `allowHtmlLabel` {`boolean`} - \n\n  * `enableDescription` {`boolean`} - \n\n  * `legacy` {`boolean`} - Legacy: hide the option checkbox (the \"Show Selected\" footer is kept).\n\n  * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select).\n\n  * `showListbox` {`boolean`} - \n\n  * `wasShowSelectedCheckedOnClose` {`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  * `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",
          "description": "`data` - Array of all option items for virtual scrolling\n\nProperty: data\n\nDefault: "
        },
        {
          "name": "size",
          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\nProperty: size\n\nDefault: medium",
          "values": [
            {
              "name": "small"
            },
            {
              "name": "medium"
            },
            {
              "name": "large"
            }
          ]
        },
        {
          "name": "placeholder",
          "description": "`placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\nProperty: placeholder\n\nDefault: Select..."
        },
        {
          "name": "autoResize",
          "description": "`autoResize` {`boolean`} - Enable automatic resizing of tags area\n\nProperty: autoResize\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "searchEnabled",
          "description": "`searchEnabled` {`boolean`} - Enable search functionality\n\nProperty: searchEnabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "enableVisibilityEffect",
          "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "internal-search-placeholder",
          "description": "`internal-search-placeholder` {`string`} - Search input placeholder\n\nProperty: internalSearchPlaceHolder\n\nDefault: Search..."
        },
        {
          "name": "disableLocalSearch",
          "description": "`disableLocalSearch` {`boolean`} - Disable local search filtering\n\nProperty: disableLocalSearch\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "optionsLoading",
          "description": "`optionsLoading` {`boolean`} - Show loading state\n\nProperty: optionsLoading\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "loading",
          "description": "`loading` {`boolean`} - Show loading state using nile-loader\n\nProperty: loading\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "multiple",
          "description": "`multiple` {`boolean`} - Allows more than one option to be selected.\n\nProperty: multiple\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "help-text",
          "description": "`help-text` {`string`} - Help text\n\nProperty: helpText\n\nDefault: "
        },
        {
          "name": "error-message",
          "description": "`error-message` {`string`} - Error message\n\nProperty: errorMessage\n\nDefault: "
        },
        {
          "name": "warning",
          "description": "`warning` {`boolean`} - Sets the input to a warning state\n\nProperty: warning\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "error",
          "description": "`error` {`boolean`} - Sets the input to an error state\n\nProperty: error\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "success",
          "description": "`success` {`boolean`} - Sets the input to a success state\n\nProperty: success\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "clearable",
          "description": "`clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\nProperty: clearable\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "open",
          "description": "`open` {`boolean`} - The select's open state.\n\nProperty: open\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "hoist",
          "description": "`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\nProperty: hoist\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "filled",
          "description": "`filled` {`boolean`} - Draws a filled select.\n\nProperty: filled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "pill",
          "description": "`pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\nProperty: pill\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "label",
          "description": "`label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\nProperty: label\n\nDefault: "
        },
        {
          "name": "placement",
          "description": "`placement` {`ComboboxPlacement`} - 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\nProperty: placement\n\nDefault: bottom",
          "values": [
            {
              "name": "top"
            },
            {
              "name": "bottom"
            }
          ]
        },
        {
          "name": "showNoResults",
          "description": "`showNoResults` {`boolean`} - Show no results message\n\nProperty: showNoResults\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noResultsMessage",
          "description": "`noResultsMessage` {`string`} - No results message\n\nProperty: noResultsMessage\n\nDefault: No results found"
        },
        {
          "name": "showSelected",
          "description": "`showSelected` {`boolean`} - Show selected options only\n\nProperty: showSelected\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "blockValueChange",
          "description": "`blockValueChange` {`boolean`} - Block value change events\n\nProperty: blockValueChange\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "noWidthSync",
          "description": "`noWidthSync` {`boolean`} - Disable width synchronization\n\nProperty: noWidthSync\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "portal",
          "description": "`portal` {`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: portal\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"
        },
        {
          "name": "enableTabClose",
          "description": "`enableTabClose` {`boolean`} - \n\nProperty: enableTabClose\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "descriptionSearchEnabled",
          "description": "`descriptionSearchEnabled` {`boolean`} - \n\nProperty: descriptionSearchEnabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "allowHtmlLabel",
          "description": "`allowHtmlLabel` {`boolean`} - \n\nProperty: allowHtmlLabel\n\nDefault: true",
          "valueSet": "v"
        },
        {
          "name": "enableDescription",
          "description": "`enableDescription` {`boolean`} - \n\nProperty: enableDescription\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "legacy",
          "description": "`legacy` {`boolean`} - Legacy: hide the option checkbox (the \"Show Selected\" footer is kept).\n\nProperty: legacy\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "tickOnSelect",
          "description": "`tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select).\n\nProperty: tickOnSelect\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "name",
          "description": "`name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
        },
        {
          "name": "value",
          "description": "`value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\nProperty: value\n\nDefault: ",
          "values": []
        },
        {
          "name": "disabled",
          "description": "`disabled` {`boolean`} - Disables the select control.\n\nProperty: disabled\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "form",
          "description": "`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\nProperty: form\n\nDefault: "
        },
        {
          "name": "required",
          "description": "`required` {`boolean`} - The select's required attribute.\n\nProperty: required\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "onnile-change",
          "description": "`nile-change` {} - Emitted when the control's value changes."
        },
        {
          "name": "onnile-clear",
          "description": "`nile-clear` {} - Emitted when the control's value is cleared."
        },
        {
          "name": "onnile-input",
          "description": "`nile-input` {} - Emitted when the control receives input."
        },
        {
          "name": "onnile-focus",
          "description": "`nile-focus` {} - Emitted when the control gains focus."
        },
        {
          "name": "onnile-blur",
          "description": "`nile-blur` {} - Emitted when the control loses focus."
        },
        {
          "name": "onnile-show",
          "description": "`nile-show` {} - Emitted when the select's menu opens."
        },
        {
          "name": "onnile-after-show",
          "description": "`nile-after-show` {} - Emitted after the select's menu opens and all animations are complete."
        },
        {
          "name": "onnile-hide",
          "description": "`nile-hide` {} - Emitted when the select's menu closes."
        },
        {
          "name": "onnile-after-hide",
          "description": "`nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete."
        },
        {
          "name": "onnile-invalid",
          "description": "`nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied."
        },
        {
          "name": "onnile-search",
          "description": "`nile-search` {} - Emitted when the user types in the search input. The event payload includes the search query for backend search functionality."
        },
        {
          "name": "onnile-scroll",
          "description": "`nile-scroll` {} - Emitted when the user scrolls within the virtualized container. The event payload includes scroll position information."
        },
        {
          "name": "onnile-scroll-start",
          "description": "`nile-scroll-start` {} - Emitted when the user starts scrolling within the virtualized container."
        },
        {
          "name": "onnile-scroll-end",
          "description": "`nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the virtualized container (debounced)."
        }
      ]
    }
  ],
  "globalAttributes": [],
  "valueSets": []
}