@aquera/nile-elements 1.0.4-beta-1.2 → 1.0.4-beta-1.4

package/vscode-html-custom-data.json

@@ -369,7 +369,7 @@
     },
     {
       "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  * `size` {`\"medium\"`} - 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  * `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` {`\"medium\"`} - 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`} - ",
+      "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",
@@ -405,15 +405,6 @@
             }
           ]
         },
-        {
-          "name": "size",
-          "description": "`size` {`\"medium\"`} - The button's size.\n\nProperty: size\n\nDefault: medium",
-          "values": [
-            {
-              "name": "medium"
-            }
-          ]
-        },
         {
           "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",
@@ -660,7 +651,7 @@
     },
     {
       "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` {`\"medium\" | \"small\" | \"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  * `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` {`\"medium\" | \"small\" | \"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  * `required` {`boolean`} - Makes the checkbox a required field.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "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  * `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  * `required` {`boolean`} - Makes the checkbox a required field.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "title",
@@ -677,13 +668,13 @@
         },
         {
           "name": "size",
-          "description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The checkbox's size.\n\nProperty: size\n\nDefault: medium",
+          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The checkbox's size.\n\nProperty: size\n\nDefault: medium",
           "values": [
             {
-              "name": "medium"
+              "name": "small"
             },
             {
-              "name": "small"
+              "name": "medium"
             },
             {
               "name": "large"
@@ -1859,6 +1850,128 @@
         }
       ]
     },
+    {
+      "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  * `align` {`\"end\" | \"start\" | \"center\" | undefined`} - \n\n  * `valign` {`\"top\" | \"bottom\" | \"middle\" | undefined`} - \n\n  * `resizable` {`boolean`} - \n\n  * `textOverflowType` {`\"ellipsis\" | \"clip\"`} - \n\nProperties:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `align` {`\"end\" | \"start\" | \"center\" | undefined`} - \n\n  * `valign` {`\"top\" | \"bottom\" | \"middle\" | undefined`} - \n\n  * `resizable` {`boolean`} - \n\n  * `textOverflowType` {`\"ellipsis\" | \"clip\"`} - \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": "align",
+          "description": "`align` {`\"end\" | \"start\" | \"center\" | undefined`} - \n\nProperty: align",
+          "values": [
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            },
+            {
+              "name": "center"
+            }
+          ]
+        },
+        {
+          "name": "valign",
+          "description": "`valign` {`\"top\" | \"bottom\" | \"middle\" | undefined`} - \n\nProperty: valign",
+          "values": [
+            {
+              "name": "top"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "middle"
+            }
+          ]
+        },
+        {
+          "name": "resizable",
+          "description": "`resizable` {`boolean`} - \n\nProperty: resizable\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "textOverflowType",
+          "description": "`textOverflowType` {`\"ellipsis\" | \"clip\"`} - \n\nProperty: textOverflowType\n\nDefault: ellipsis",
+          "values": [
+            {
+              "name": "ellipsis"
+            },
+            {
+              "name": "clip"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "nile-grid-head-item",
+      "description": "Nile grid-head-item component.\n\nAttributes:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `scope` {`\"col\" | \"row\"`} - \n\n  * `resizable` {`boolean`} - \n\n  * `sticky` {`boolean`} - \n\nProperties:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `scope` {`\"col\" | \"row\"`} - \n\n  * `resizable` {`boolean`} - \n\n  * `sticky` {`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": "scope",
+          "description": "`scope` {`\"col\" | \"row\"`} - \n\nProperty: scope\n\nDefault: col",
+          "values": [
+            {
+              "name": "col"
+            },
+            {
+              "name": "row"
+            }
+          ]
+        },
+        {
+          "name": "resizable",
+          "description": "`resizable` {`boolean`} - \n\nProperty: resizable\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "sticky",
+          "description": "`sticky` {`boolean`} - \n\nProperty: sticky\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
+    },
+    {
+      "name": "nile-grid-head",
+      "description": "Nile grid-head component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": []
+    },
+    {
+      "name": "nile-grid-row",
+      "description": "Nile grid-row component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": []
+    },
+    {
+      "name": "nile-grid",
+      "description": "Nile grid component.\n\nAttributes:\n\n  * `customWidths` {`number[]`} - User can pass custom widths for the columns\n\nProperties:\n\n  * `customWidths` {`number[]`} - User can pass custom widths for the columns\n\n  * `colTemplate` {`string`} - To set the grid template columns in rebuildTemplate method\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  * `mo` {`MutationObserver | undefined`} - To store the mutation observer\n\n  * `raf` {`number`} - To store the request animation frame\n\n  * `onResize` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "customWidths",
+          "description": "`customWidths` {`number[]`} - User can pass custom widths for the columns\n\nProperty: customWidths\n\nDefault: "
+        }
+      ]
+    },
     {
       "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` - ",
@@ -2062,7 +2175,7 @@
     },
     {
       "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` {`\"medium\" | \"small\" | \"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` {`\"off\" | \"none\" | \"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` {`\"medium\" | \"small\" | \"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` {`\"off\" | \"none\" | \"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`} - ",
+      "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` {`\"off\" | \"none\" | \"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` {`\"off\" | \"none\" | \"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",
@@ -2111,13 +2224,13 @@
         },
         {
           "name": "size",
-          "description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The input's size.\n\nProperty: size\n\nDefault: medium",
+          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\nProperty: size\n\nDefault: medium",
           "values": [
             {
-              "name": "medium"
+              "name": "small"
             },
             {
-              "name": "small"
+              "name": "medium"
             },
             {
               "name": "large"
@@ -3008,7 +3121,7 @@
     },
     {
       "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` {`\"medium\" | \"small\" | \"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` {`\"medium\" | \"small\" | \"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`} - ",
+      "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",
@@ -3021,13 +3134,13 @@
         },
         {
           "name": "size",
-          "description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The radio's size.\n\nProperty: size\n\nDefault: medium",
+          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The radio's size.\n\nProperty: size\n\nDefault: medium",
           "values": [
             {
-              "name": "medium"
+              "name": "small"
             },
             {
-              "name": "small"
+              "name": "medium"
             },
             {
               "name": "large"
@@ -3059,6 +3172,186 @@
         }
       ]
     },
+    {
+      "name": "nile-rich-text-editor",
+      "description": "Events:\n\n  * `content-changed` {`CustomEvent<{ content: string; mention: any; }>`} - \n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `singlelineeditor` {`boolean`} - \n\n  * `mentions` - \n\nProperties:\n\n  * `value` {`string`} - \n\n  * `singleLineEditor` {`boolean`} - \n\n  * `mentions` - \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  * `mentionsEl` {`HTMLElement | null`} - \n\n  * `onEditorKeydown` - \n\n  * `onSelectionChange` - ",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: "
+        },
+        {
+          "name": "singlelineeditor",
+          "description": "`singlelineeditor` {`boolean`} - \n\nProperty: singleLineEditor\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "mentions",
+          "description": "`mentions` - \n\nProperty: mentions\n\nDefault: [object Object]"
+        },
+        {
+          "name": "oncontent-changed",
+          "description": "`content-changed` {`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  * `link-changed` {`CustomEvent<{ href: string; }>`} - \n\nAttributes:\n\n  * `placeholder` {`string`} - \n\nProperties:\n\n  * `editorEl` {`HTMLElement`} - \n\n  * `placeholder` {`string`} - \n\n  * `linkValue` {`string`} - \n\n  * `selectionRange` {`Range | null`} - ",
+      "attributes": [
+        {
+          "name": "placeholder",
+          "description": "`placeholder` {`string`} - \n\nProperty: placeholder\n\nDefault: https://"
+        },
+        {
+          "name": "onlink-changed",
+          "description": "`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  * `mention-opened` {`CustomEvent<{ trigger: string; suggestions: MentionItem[]; }>`} - \n\n  * `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": "onmention-opened",
+          "description": "`mention-opened` {`CustomEvent<{ trigger: string; suggestions: MentionItem[]; }>`} - "
+        },
+        {
+          "name": "onmention-selected",
+          "description": "`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\nProperties:\n\n  * `type` {`string`} - \n\n  * `options` {`string`} - \n\n  * `optionsObj` {`(GenericOption | HeadingOption)[] | undefined`} - \n\n  * `label` {`string`} - \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": "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`} - ",
@@ -3097,17 +3390,17 @@
     },
     {
       "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\nAttributes:\n\n  * `size` {`\"medium\" | \"small\" | \"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  * `internal-search-placeholder` {`string`} - \n\n  * `blockValueChange` {`boolean`} - \n\n  * `disableLocalSearch` {`boolean`} - \n\n  * `optionsLoading` {`boolean`} - \n\n  * `noWidthSync` {`boolean`} - \n\n  * `multiple` {`string | boolean`} - Allows more than one option to be selected.\n\n  * `helpText` {`string`} - \n\n  * `help-text` {`string`} - \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` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showSelected` {`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  * `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  * `hasSlotController` - \n\n  * `typeToSelectString` {`string`} - \n\n  * `typeToSelectTimeout` {`number`} - \n\n  * `scrollTimeout` {`number | undefined`} - \n\n  * `scrolling` {`boolean`} - \n\n  * `options` {`NileOption[]`} - \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` {`\"medium\" | \"small\" | \"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  * `internalSearchPlaceHolder` {`string`} - \n\n  * `blockValueChange` {`boolean`} - \n\n  * `disableLocalSearch` {`boolean`} - \n\n  * `optionsLoading` {`boolean`} - \n\n  * `noWidthSync` {`boolean`} - \n\n  * `multiple` {`string | boolean`} - Allows more than one option to be selected.\n\n  * `helpText` {`string`} - \n\n  * `help_text` {`string`} - \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` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showSelected` {`boolean`} - \n\n  * `oldMaxOptionsVisible` {`number`} - \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  * `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`} - ",
+      "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\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  * `internal-search-placeholder` {`string`} - \n\n  * `blockValueChange` {`boolean`} - \n\n  * `disableLocalSearch` {`boolean`} - \n\n  * `optionsLoading` {`boolean`} - \n\n  * `noWidthSync` {`boolean`} - \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` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showSelected` {`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  * `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  * `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  * `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  * `internalSearchPlaceHolder` {`string`} - \n\n  * `blockValueChange` {`boolean`} - \n\n  * `disableLocalSearch` {`boolean`} - \n\n  * `optionsLoading` {`boolean`} - \n\n  * `noWidthSync` {`boolean`} - \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` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showSelected` {`boolean`} - \n\n  * `oldMaxOptionsVisible` {`number`} - \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  * `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` {`\"medium\" | \"small\" | \"large\"`} - The select's size.\n\nProperty: size\n\nDefault: medium",
+          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\nProperty: size\n\nDefault: medium",
           "values": [
             {
-              "name": "medium"
+              "name": "small"
             },
             {
-              "name": "small"
+              "name": "medium"
             },
             {
               "name": "large"
@@ -3160,6 +3453,11 @@
           "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: "
@@ -3257,6 +3555,11 @@
           "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": "name",
           "description": "`name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
@@ -3863,7 +4166,7 @@
     },
     {
       "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` {`\"medium\" | \"small\" | \"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\nProperties:\n\n  * `styles` - \n\n  * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\"`} - The tag's theme variant.\n\n  * `size` {`\"medium\" | \"small\" | \"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  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "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\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  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "variant",
@@ -3891,13 +4194,13 @@
         },
         {
           "name": "size",
-          "description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The tag's size.\n\nProperty: size\n\nDefault: medium",
+          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The tag's size.\n\nProperty: size\n\nDefault: medium",
           "values": [
             {
-              "name": "medium"
+              "name": "small"
             },
             {
-              "name": "small"
+              "name": "medium"
             },
             {
               "name": "large"
@@ -4454,7 +4757,7 @@
     },
     {
       "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\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` {`\"medium\" | \"small\" | \"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`} - Enable search functionality\n\n  * `internal-search-placeholder` {`string`} - Search input placeholder\n\n  * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n  * `optionsLoading` {`boolean`} - Show loading state\n\n  * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n  * `help-text` {`string`} - Help text\n\n  * `error-message` {`string`} - Error message\n\n  * `warning` {`boolean`} - Sets the input to a warning state\n\n  * `error` {`boolean`} - Sets the input to an error state\n\n  * `success` {`boolean`} - Sets the input to a success state\n\n  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - The select's open state.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `filled` {`boolean`} - Draws a filled select.\n\n  * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n  * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showNoResults` {`boolean`} - Show no results message\n\n  * `noResultsMessage` {`string`} - No results message\n\n  * `showSelected` {`boolean`} - Show selected options only\n\n  * `blockValueChange` {`boolean`} - Block value change events\n\n  * `noWidthSync` {`boolean`} - Disable width synchronization\n\n  * `max-options-visible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n  * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n  * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n  * `disabled` {`boolean`} - Disables the select control.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `required` {`boolean`} - The select's required attribute.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `popup` - \n\n  * `displayInput` {`HTMLInputElement`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `virtualizedContainer` {`HTMLElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `displayLabel` {`string`} - \n\n  * `selectedOptions` {`VirtualOption[]`} - \n\n  * `oldValue` {`string | string[]`} - \n\n  * `data` - Array of all option items for virtual scrolling\n\n  * `originalOptionItems` - Original unfiltered option items for search functionality\n\n  * `size` {`\"medium\" | \"small\" | \"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`} - Current search value\n\n  * `searchEnabled` {`boolean`} - Enable search functionality\n\n  * `internalSearchPlaceHolder` {`string`} - Search input placeholder\n\n  * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n  * `optionsLoading` {`boolean`} - Show loading state\n\n  * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n  * `helpText` {`string`} - Help text\n\n  * `errorMessage` {`string`} - Error message\n\n  * `warning` {`boolean`} - Sets the input to a warning state\n\n  * `error` {`boolean`} - Sets the input to an error state\n\n  * `success` {`boolean`} - Sets the input to a success state\n\n  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - The select's open state.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `filled` {`boolean`} - Draws a filled select.\n\n  * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n  * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showNoResults` {`boolean`} - Show no results message\n\n  * `noResultsMessage` {`string`} - No results message\n\n  * `showSelected` {`boolean`} - Show selected options only\n\n  * `renderItemConfig` {`RenderItemConfig | undefined`} - Enhanced configuration for rendering items with support for display text, value, and search text\n\n  * `blockValueChange` {`boolean`} - Block value change events\n\n  * `noWidthSync` {`boolean`} - Disable width synchronization\n\n  * `maxOptionsVisible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n  * `oldMaxOptionsVisible` {`number`} - \n\n  * `handleDocumentMouseDown` - \n\n  * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n  * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n  * `disabled` {`boolean`} - Disables the select control.\n\n  * `defaultValue` {`string | string[]`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string | undefined`} - \n\n  * `min` {`string | number | Date | undefined`} - \n\n  * `max` {`string | number | Date | undefined`} - \n\n  * `step` {`number | \"any\" | undefined`} - \n\n  * `required` {`boolean`} - The select's required attribute.\n\n  * `minlength` {`number | undefined`} - \n\n  * `maxlength` {`number | undefined`} - \n\n  * `validity` {`ValidityState`} - Gets the validity state object\n\n  * `validationMessage` {`string`} - Gets the validation message\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Events:\n\n  * `nile-change` {} - Emitted when the control's value changes.\n\n  * `nile-clear` {} - Emitted when the control's value is cleared.\n\n  * `nile-input` {} - Emitted when the control receives input.\n\n  * `nile-focus` {} - Emitted when the control gains focus.\n\n  * `nile-blur` {} - Emitted when the control loses focus.\n\n  * `nile-show` {} - Emitted when the select's menu opens.\n\n  * `nile-after-show` {} - Emitted after the select's menu opens and all animations are complete.\n\n  * `nile-hide` {} - Emitted when the select's menu closes.\n\n  * `nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete.\n\n  * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n  * `nile-search` {} - Emitted when the user types in the search input. The event payload includes the search query for backend search functionality.\n\n  * `nile-scroll` {} - Emitted when the user scrolls within the virtualized container. The event payload includes scroll position information.\n\n  * `nile-scroll-start` {} - Emitted when the user starts scrolling within the virtualized container.\n\n  * `nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the virtualized container (debounced).\n\nSlots:\n\n  * `label` {} - The input's label. Alternatively, you can use the `label` attribute.\n\n  * `prefix` {} - Used to prepend a presentational icon or similar element to the combobox.\n\n  * `clear-icon` {} - An icon to use in lieu of the default clear icon.\n\n  * `expand-icon` {} - The icon to show when the control is expanded and collapsed.\n\n  * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n  * `data` - Array of all option items for virtual scrolling\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n  * `autoResize` {`boolean`} - Enable automatic resizing of tags area\n\n  * `searchEnabled` {`boolean`} - Enable search functionality\n\n  * `internal-search-placeholder` {`string`} - Search input placeholder\n\n  * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n  * `optionsLoading` {`boolean`} - Show loading state\n\n  * `loading` {`boolean`} - Show loading state using nile-loader\n\n  * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n  * `help-text` {`string`} - Help text\n\n  * `error-message` {`string`} - Error message\n\n  * `warning` {`boolean`} - Sets the input to a warning state\n\n  * `error` {`boolean`} - Sets the input to an error state\n\n  * `success` {`boolean`} - Sets the input to a success state\n\n  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - The select's open state.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `filled` {`boolean`} - Draws a filled select.\n\n  * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n  * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showNoResults` {`boolean`} - Show no results message\n\n  * `noResultsMessage` {`string`} - No results message\n\n  * `showSelected` {`boolean`} - Show selected options only\n\n  * `blockValueChange` {`boolean`} - Block value change events\n\n  * `noWidthSync` {`boolean`} - Disable width synchronization\n\n  * `max-options-visible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n  * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n  * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n  * `disabled` {`boolean`} - Disables the select control.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `required` {`boolean`} - The select's required attribute.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `popup` - \n\n  * `displayInput` {`HTMLInputElement`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `virtualizedContainer` {`HTMLElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `displayLabel` {`string`} - \n\n  * `selectedOptions` {`VirtualOption[]`} - \n\n  * `oldValue` {`string | string[]`} - \n\n  * `scrollTimeout` {`number | undefined`} - \n\n  * `scrolling` {`boolean`} - \n\n  * `data` - Array of all option items for virtual scrolling\n\n  * `originalOptionItems` - Original unfiltered option items for search functionality\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n  * `autoResize` {`boolean`} - Enable automatic resizing of tags area\n\n  * `searchValue` {`string`} - Current search value\n\n  * `searchEnabled` {`boolean`} - Enable search functionality\n\n  * `internalSearchPlaceHolder` {`string`} - Search input placeholder\n\n  * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n  * `optionsLoading` {`boolean`} - Show loading state\n\n  * `loading` {`boolean`} - Show loading state using nile-loader\n\n  * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n  * `helpText` {`string`} - Help text\n\n  * `errorMessage` {`string`} - Error message\n\n  * `warning` {`boolean`} - Sets the input to a warning state\n\n  * `error` {`boolean`} - Sets the input to an error state\n\n  * `success` {`boolean`} - Sets the input to a success state\n\n  * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n  * `open` {`boolean`} - The select's open state.\n\n  * `hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `filled` {`boolean`} - Draws a filled select.\n\n  * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n  * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n  * `placement` {`\"top\" | \"bottom\"`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n  * `showNoResults` {`boolean`} - Show no results message\n\n  * `noResultsMessage` {`string`} - No results message\n\n  * `showSelected` {`boolean`} - Show selected options only\n\n  * `renderItemConfig` {`RenderItemConfig | undefined`} - Enhanced configuration for rendering items with support for display text, value, and search text\n\n  * `blockValueChange` {`boolean`} - Block value change events\n\n  * `noWidthSync` {`boolean`} - Disable width synchronization\n\n  * `maxOptionsVisible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n  * `oldMaxOptionsVisible` {`number`} - \n\n  * `showListbox` {`boolean`} - \n\n  * `handleDocumentMouseDown` - \n\n  * `handleWindowError` - This is a workaround for an error in the Lit Labs virtualizer.\nSince there are no specific guidelines available to fix the issue,\nwe are catching only the error message related to the virtualizer.\n\n  * `resizeController` - \n\n  * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n  * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n  * `disabled` {`boolean`} - Disables the select control.\n\n  * `defaultValue` {`string | string[]`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string | undefined`} - \n\n  * `min` {`string | number | Date | undefined`} - \n\n  * `max` {`string | number | Date | undefined`} - \n\n  * `step` {`number | \"any\" | undefined`} - \n\n  * `required` {`boolean`} - The select's required attribute.\n\n  * `minlength` {`number | undefined`} - \n\n  * `maxlength` {`number | undefined`} - \n\n  * `validity` {`ValidityState`} - Gets the validity state object\n\n  * `validationMessage` {`string`} - Gets the validation message\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "data",
@@ -4462,13 +4765,13 @@
         },
         {
           "name": "size",
-          "description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The select's size.\n\nProperty: size\n\nDefault: medium",
+          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\nProperty: size\n\nDefault: medium",
           "values": [
             {
-              "name": "medium"
+              "name": "small"
             },
             {
-              "name": "small"
+              "name": "medium"
             },
             {
               "name": "large"
@@ -4479,6 +4782,11 @@
           "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",
@@ -4498,6 +4806,11 @@
           "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",
@@ -4657,6 +4970,22 @@
         {
           "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)."
         }
       ]
     }