@aquera/nile-elements 0.1.50-beta-1.0 → 0.1.50-beta-1.3

package/vscode-html-custom-data.json

@@ -62,7 +62,7 @@
     },
     {
       "name": "nile-auto-complete",
-      "description": "Attributes:\n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `allMenuItems` - \n\nProperties:\n\n  * `styles` - \n\n  * `dropdownElement` - \n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `filterFunction` - \n\n  * `renderItemFunction` - \n\n  * `allMenuItems` - \n\n  * `menuItems` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Attributes:\n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `noOutline` {`boolean`} - \n\n  * `noPadding` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `allMenuItems` - \n\nProperties:\n\n  * `styles` - \n\n  * `dropdownElement` - \n\n  * `disabled` {`boolean`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `enableVirtualScroll` {`boolean`} - \n\n  * `openOnFocus` {`boolean`} - \n\n  * `value` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `noBorder` {`boolean`} - \n\n  * `noOutline` {`boolean`} - \n\n  * `noPadding` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `filterFunction` - \n\n  * `renderItemFunction` - \n\n  * `allMenuItems` - \n\n  * `menuItems` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "disabled",
@@ -97,6 +97,16 @@
           "description": "`noBorder` {`boolean`} - \n\nProperty: noBorder\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "noOutline",
+          "description": "`noOutline` {`boolean`} - \n\nProperty: noOutline\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "noPadding",
+          "description": "`noPadding` {`boolean`} - \n\nProperty: noPadding\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "loading",
           "description": "`loading` {`boolean`} - \n\nProperty: loading\n\nDefault: false",
@@ -110,7 +120,7 @@
     },
     {
       "name": "nile-avatar",
-      "description": "Nile icon component.\n\nAttributes:\n\n  * `src` {`string`} - Gives the url to the Avatar\n\n  * `variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\n  * `icon` {`string`} - Gives the icon to the Avatar\n\n  * `name` {`String`} - Gives the default Image Letters to the Avatar\n\n  * `bg-color` {`string`} - Gives the default bg color  to the Avatar\n\n  * `text-color` {`string`} - Gives the default text color  to the Avatar\n\n  * `border-color` {`string`} - Gives the default border color  to the Avatar\n\n  * `size` {`\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\n  * `isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\nProperties:\n\n  * `src` {`string`} - Gives the url to the Avatar\n\n  * `variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\n  * `icon` {`string`} - Gives the icon to the Avatar\n\n  * `name` {`String`} - Gives the default Image Letters to the Avatar\n\n  * `bgColor` {`string`} - Gives the default bg color  to the Avatar\n\n  * `textColor` {`string`} - Gives the default text color  to the Avatar\n\n  * `borderColor` {`string`} - Gives the default border color  to the Avatar\n\n  * `size` {`\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\n  * `isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\n  * `imageError` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile icon component.\n\nAttributes:\n\n  * `src` {`string`} - Gives the url to the Avatar\n\n  * `variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\n  * `icon` {`string`} - Gives the icon to the Avatar\n\n  * `name` {`String`} - Gives the default Image Letters to the Avatar\n\n  * `bg-color` {`string`} - Gives the default bg color  to the Avatar\n\n  * `text-color` {`string`} - Gives the default text color  to the Avatar\n\n  * `border-color` {`string`} - Gives the default border color  to the Avatar\n\n  * `size` {`\"sm\" | \"md\" | \"lg\" | \"xs\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\n  * `isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\nProperties:\n\n  * `src` {`string`} - Gives the url to the Avatar\n\n  * `variant` {`\"icon\" | \"image\" | \"text\"`} - Gives the icon to the Avatar\n\n  * `icon` {`string`} - Gives the icon to the Avatar\n\n  * `name` {`String`} - Gives the default Image Letters to the Avatar\n\n  * `bgColor` {`string`} - Gives the default bg color  to the Avatar\n\n  * `textColor` {`string`} - Gives the default text color  to the Avatar\n\n  * `borderColor` {`string`} - Gives the default border color  to the Avatar\n\n  * `size` {`\"sm\" | \"md\" | \"lg\" | \"xs\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\n  * `isRounded` {`boolean`} - Gives a border radius of 50% to the Avatar\n\n  * `imageError` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "src",
@@ -145,7 +155,7 @@
         },
         {
           "name": "text-color",
-          "description": "`text-color` {`string`} - Gives the default text color  to the Avatar\n\nProperty: textColor\n\nDefault: #fff"
+          "description": "`text-color` {`string`} - Gives the default text color  to the Avatar\n\nProperty: textColor\n\nDefault: "
         },
         {
           "name": "border-color",
@@ -153,7 +163,7 @@
         },
         {
           "name": "size",
-          "description": "`size` {`\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\nProperty: size\n\nDefault: md",
+          "description": "`size` {`\"sm\" | \"md\" | \"lg\" | \"xs\" | \"xl\" | \"2xl\"`} - Size of the Avatar\n\nProperty: size\n\nDefault: md",
           "values": [
             {
               "name": "sm"
@@ -164,6 +174,9 @@
             {
               "name": "lg"
             },
+            {
+              "name": "xs"
+            },
             {
               "name": "xl"
             },
@@ -265,8 +278,13 @@
     },
     {
       "name": "nile-breadcrumb-item",
-      "description": "Nile BreadCrumb Item component.\n\nProperties:\n\n  * `isLast` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
+      "description": "Nile BreadCrumb Item component.\n\nAttributes:\n\n  * `separator` {`string`} - Render method\n\nProperties:\n\n  * `isLast` {`boolean`} - \n\n  * `separator` {`string`} - Render method\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "separator",
+          "description": "`separator` {`string`} - Render method\n\nProperty: separator\n\nDefault: arrowright"
+        }
+      ]
     },
     {
       "name": "nile-breadcrumb",
@@ -626,8 +644,19 @@
     },
     {
       "name": "nile-card",
-      "description": "Nile icon component.\n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
+      "description": "Nile icon component.\n\nAttributes:\n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "active",
+          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
     },
     {
       "name": "nile-checkbox",
@@ -706,7 +735,7 @@
     },
     {
       "name": "nile-chip",
-      "description": "Attributes:\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  * `noDuplicates` {`boolean`} - Disables the duplicate entries.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `acceptUserInput` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `enableVirtualScroll` {`boolean`} - Virtual scroll in  dropdown options.\n\n  * `autoCompleteOptions` {`any[]`} - \n\n  * `filteredAutoCompleteOptions` {`any[]`} - \n\n  * `value` {`any[]`} - \n\n  * `noWrap` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `errorIndexes` {`number[]`} - \n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\nProperties:\n\n  * `hasSlotController` - \n\n  * `tags` {`string[]`} - \n\n  * `inputValue` {`string`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `autoComplete` - \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  * `noDuplicates` {`boolean`} - Disables the duplicate entries.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `acceptUserInput` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `enableVirtualScroll` {`boolean`} - Virtual scroll in  dropdown options.\n\n  * `autoCompleteOptions` {`any[]`} - \n\n  * `filteredAutoCompleteOptions` {`any[]`} - \n\n  * `value` {`any[]`} - \n\n  * `noWrap` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `errorIndexes` {`number[]`} - \n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `filterFunction` - \n\n  * `renderItemFunction` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Attributes:\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  * `noDuplicates` {`boolean`} - Disables the duplicate entries.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `tagVariant` {`string`} - \n\n  * `acceptUserInput` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `enableVirtualScroll` {`boolean`} - Virtual scroll in  dropdown options.\n\n  * `autoCompleteOptions` {`any[]`} - \n\n  * `filteredAutoCompleteOptions` {`any[]`} - \n\n  * `value` {`any[]`} - \n\n  * `noWrap` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `errorIndexes` {`number[]`} - \n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\nProperties:\n\n  * `hasSlotController` - \n\n  * `tags` {`string[]`} - \n\n  * `inputValue` {`string`} - \n\n  * `isDropdownOpen` {`boolean`} - \n\n  * `autoComplete` - \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  * `noDuplicates` {`boolean`} - Disables the duplicate entries.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `tagVariant` {`string`} - \n\n  * `acceptUserInput` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `enableVirtualScroll` {`boolean`} - Virtual scroll in  dropdown options.\n\n  * `autoCompleteOptions` {`any[]`} - \n\n  * `filteredAutoCompleteOptions` {`any[]`} - \n\n  * `value` {`any[]`} - \n\n  * `noWrap` {`boolean`} - \n\n  * `loading` {`boolean`} - \n\n  * `errorIndexes` {`number[]`} - \n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `filterFunction` - \n\n  * `renderItemFunction` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "warning",
@@ -732,6 +761,10 @@
           "name": "label",
           "description": "`label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\nProperty: label\n\nDefault: "
         },
+        {
+          "name": "tagVariant",
+          "description": "`tagVariant` {`string`} - \n\nProperty: tagVariant\n\nDefault: "
+        },
         {
           "name": "acceptUserInput",
           "description": "`acceptUserInput` {`boolean`} - Adds a clear button when the input is not empty.\n\nProperty: acceptUserInput\n\nDefault: false",
@@ -1100,7 +1133,7 @@
     },
     {
       "name": "nile-divider",
-      "description": "Nile divider component.\n\nAttributes:\n\n  * `inset` {`boolean`} - \n\n  * `vertical` {`boolean`} - \n\nProperties:\n\n  * `inset` {`boolean`} - \n\n  * `vertical` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile divider component.\n\nAttributes:\n\n  * `inset` {`boolean`} - \n\n  * `vertical` {`boolean`} - \n\n  * `label` {`string`} - \n\nProperties:\n\n  * `inset` {`boolean`} - \n\n  * `vertical` {`boolean`} - \n\n  * `label` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "inset",
@@ -1111,6 +1144,10 @@
           "name": "vertical",
           "description": "`vertical` {`boolean`} - \n\nProperty: vertical\n\nDefault: false",
           "valueSet": "v"
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
         }
       ]
     },
@@ -1305,7 +1342,7 @@
     },
     {
       "name": "nile-empty-state",
-      "description": "Nile empty-state component.\n\nAttributes:\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - \n\n  * `variant` {`\"flat\" | \"content\" | \"tonal\"`} - \n\n  * `icon` {`string`} - \n\n  * `grayscale` {`boolean`} - \n\n  * `text` {`String`} - \n\n  * `sub-text` {`String`} - \n\nProperties:\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - \n\n  * `variant` {`\"flat\" | \"content\" | \"tonal\"`} - \n\n  * `icon` {`string`} - \n\n  * `grayscale` {`boolean`} - \n\n  * `text` {`String`} - \n\n  * `subText` {`String`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile empty-state component.\n\nAttributes:\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - \n\n  * `variant` {`\"flat\" | \"content\" | \"tonal\"`} - \n\n  * `icon` {`string`} - \n\n  * `grayscale` {`boolean`} - \n\n  * `text` {`String`} - \n\n  * `sub-text` {`String`} - \n\n  * `svgIconUrl` {`string`} - \n\n  * `svgIconSize` {`number`} - \n\n  * `svgIconColor` {`string`} - \n\nProperties:\n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - \n\n  * `variant` {`\"flat\" | \"content\" | \"tonal\"`} - \n\n  * `icon` {`string`} - \n\n  * `grayscale` {`boolean`} - \n\n  * `text` {`String`} - \n\n  * `subText` {`String`} - \n\n  * `svgIconUrl` {`string`} - \n\n  * `svgIconSize` {`number`} - \n\n  * `svgIconColor` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "size",
@@ -1353,12 +1390,24 @@
         {
           "name": "sub-text",
           "description": "`sub-text` {`String`} - \n\nProperty: subText\n\nDefault: No Data"
+        },
+        {
+          "name": "svgIconUrl",
+          "description": "`svgIconUrl` {`string`} - \n\nProperty: svgIconUrl"
+        },
+        {
+          "name": "svgIconSize",
+          "description": "`svgIconSize` {`number`} - \n\nProperty: svgIconSize\n\nDefault: 40"
+        },
+        {
+          "name": "svgIconColor",
+          "description": "`svgIconColor` {`string`} - \n\nProperty: svgIconColor"
         }
       ]
     },
     {
       "name": "nile-error-message",
-      "description": "A custom error message component that displays error information to the user.\n\nAttributes:\n\n  * `errorMessage` {`string`} - \n\n  * `errorResponse` {`string`} - \n\n  * `errorResponseLong` {`string`} - \n\n  * `isExpanded` {`boolean`} - \n\nProperties:\n\n  * `errorMessage` {`string`} - \n\n  * `errorResponse` {`string`} - \n\n  * `errorResponseLong` {`string`} - \n\n  * `isExpanded` {`boolean`} - \n\n  * `MAX_LENGTH` {`number`} - ",
+      "description": "A custom error message component that displays error information to the user.\n\nAttributes:\n\n  * `errorMessage` {`string`} - \n\n  * `errorResponse` {`string`} - \n\n  * `errorResponseLong` {`string`} - \n\n  * `isExpanded` {`boolean`} - \n\n  * `maxWidth` {`string`} - \n\n  * `maxHeight` {`string`} - \n\n  * `maxDialogHeight` {`string`} - \n\nProperties:\n\n  * `errorMessage` {`string`} - \n\n  * `errorResponse` {`string`} - \n\n  * `errorResponseLong` {`string`} - \n\n  * `isExpanded` {`boolean`} - \n\n  * `maxWidth` {`string`} - \n\n  * `maxHeight` {`string`} - \n\n  * `maxDialogHeight` {`string`} - \n\n  * `MAX_LENGTH` {`number`} - ",
       "attributes": [
         {
           "name": "errorMessage",
@@ -1376,6 +1425,18 @@
           "name": "isExpanded",
           "description": "`isExpanded` {`boolean`} - \n\nProperty: isExpanded\n\nDefault: false",
           "valueSet": "v"
+        },
+        {
+          "name": "maxWidth",
+          "description": "`maxWidth` {`string`} - \n\nProperty: maxWidth"
+        },
+        {
+          "name": "maxHeight",
+          "description": "`maxHeight` {`string`} - \n\nProperty: maxHeight"
+        },
+        {
+          "name": "maxDialogHeight",
+          "description": "`maxDialogHeight` {`string`} - \n\nProperty: maxDialogHeight"
         }
       ]
     },
@@ -1393,6 +1454,149 @@
         }
       ]
     },
+    {
+      "name": "nile-file-preview",
+      "description": "Nile preview component.\n\nAttributes:\n\n  * `errorMessage` {`string`} - \n\n  * `inputFile` {`File`} - \n\n  * `fileUrl` {`string`} - \n\n  * `uploadStatus` {`number`} - \n\n  * `allowedTypes` {`string[]`} - \n\n  * `state` {`FilePreviewState`} - \n\n  * `variant` {`FilePreviewVariant`} - \n\n  * `inputFileName` {`string`} - \n\nProperties:\n\n  * `errorMessage` {`string`} - \n\n  * `inputFile` {`File`} - \n\n  * `fileUrl` {`string`} - \n\n  * `uploadStatus` {`number`} - \n\n  * `allowedTypes` {`string[]`} - \n\n  * `state` {`FilePreviewState`} - \n\n  * `variant` {`FilePreviewVariant`} - \n\n  * `inputFileName` {`string`} - \n\n  * `inputFileHtml` {`UncompiledTemplateResult<ResultType> | null`} - \n\n  * `originalUrl` {`string`} - \n\n  * `dummyFile` {`File`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "errorMessage",
+          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
+        },
+        {
+          "name": "inputFile",
+          "description": "`inputFile` {`File`} - \n\nProperty: inputFile"
+        },
+        {
+          "name": "fileUrl",
+          "description": "`fileUrl` {`string`} - \n\nProperty: fileUrl\n\nDefault: "
+        },
+        {
+          "name": "uploadStatus",
+          "description": "`uploadStatus` {`number`} - \n\nProperty: uploadStatus\n\nDefault: 0"
+        },
+        {
+          "name": "allowedTypes",
+          "description": "`allowedTypes` {`string[]`} - \n\nProperty: allowedTypes\n\nDefault: "
+        },
+        {
+          "name": "state",
+          "description": "`state` {`FilePreviewState`} - \n\nProperty: state\n\nDefault: default",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "uploading"
+            },
+            {
+              "name": "preview"
+            },
+            {
+              "name": "no-preview"
+            },
+            {
+              "name": "error"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`FilePreviewVariant`} - \n\nProperty: variant\n\nDefault: horizontal",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "inputFileName",
+          "description": "`inputFileName` {`string`} - \n\nProperty: inputFileName\n\nDefault: "
+        }
+      ]
+    },
+    {
+      "name": "nile-file-upload",
+      "description": "Nile file-upload component.\n\nAttributes:\n\n  * `size` {`number`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `allowMultiple` {`boolean`} - \n\n  * `allowDuplicates` {`boolean`} - \n\n  * `uploadedFiles` {`File[]`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `state` {`FileUploadState`} - \n\n  * `variant` {`FileUploadVariant`} - \n\n  * `fileUploadUrl` {`string`} - \n\n  * `autoUpload` {`boolean`} - \n\nProperties:\n\n  * `size` {`number`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `allowMultiple` {`boolean`} - \n\n  * `allowDuplicates` {`boolean`} - \n\n  * `uploadedFiles` {`File[]`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `state` {`FileUploadState`} - \n\n  * `variant` {`FileUploadVariant`} - \n\n  * `fileUploadUrl` {`string`} - \n\n  * `autoUpload` {`boolean`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `uploadRequests` {`Map<File, XMLHttpRequest>`} - \n\n  * `dragHandler` - \n\n  * `setState` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "`size` {`number`} - \n\nProperty: size\n\nDefault: 0"
+        },
+        {
+          "name": "error",
+          "description": "`error` {`boolean`} - \n\nProperty: error\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "errorMessage",
+          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
+        },
+        {
+          "name": "allowMultiple",
+          "description": "`allowMultiple` {`boolean`} - \n\nProperty: allowMultiple\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "allowDuplicates",
+          "description": "`allowDuplicates` {`boolean`} - \n\nProperty: allowDuplicates\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "uploadedFiles",
+          "description": "`uploadedFiles` {`File[]`} - \n\nProperty: uploadedFiles\n\nDefault: "
+        },
+        {
+          "name": "title",
+          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: Drag and drop to upload"
+        },
+        {
+          "name": "subtitle",
+          "description": "`subtitle` {`string`} - \n\nProperty: subtitle\n\nDefault: PNG, JPG or SVG (upto 1MB) | 1:1 ratio"
+        },
+        {
+          "name": "state",
+          "description": "`state` {`FileUploadState`} - \n\nProperty: state\n\nDefault: default",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "hover"
+            },
+            {
+              "name": "drag"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`FileUploadVariant`} - \n\nProperty: variant\n\nDefault: horizontal",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "fileUploadUrl",
+          "description": "`fileUploadUrl` {`string`} - \n\nProperty: fileUploadUrl\n\nDefault: "
+        },
+        {
+          "name": "autoUpload",
+          "description": "`autoUpload` {`boolean`} - \n\nProperty: autoUpload\n\nDefault: true",
+          "valueSet": "v"
+        }
+      ]
+    },
     {
       "name": "nile-filter-chip",
       "description": "Nile filter-chip component.\n\nEvents:\n\n  * `nile-close` {`CustomEvent<{ value: string; viewMoreCount: number; }>`} - \n\n  * `nile-click` {`CustomEvent<{ value: string; viewMoreCount: number; }>`} - \n\nAttributes:\n\n  * `label` {`string`} - \n\n  * `value` {`string`} - \n\n  * `viewMoreCount` {`number`} - \n\n  * `editable` {`boolean`} - \n\n  * `closable` {`boolean`} - \n\n  * `icon` {`string`} - \n\n  * `removeIcon` {`string`} - \n\n  * `active` {`boolean`} - \n\nProperties:\n\n  * `label` {`string`} - \n\n  * `value` {`string`} - \n\n  * `viewMoreCount` {`number`} - \n\n  * `editable` {`boolean`} - \n\n  * `closable` {`boolean`} - \n\n  * `icon` {`string`} - \n\n  * `removeIcon` {`string`} - \n\n  * `active` {`boolean`} - \n\n  * `activeChips` {`NileFilterChip[]`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
@@ -1767,7 +1971,7 @@
     },
     {
       "name": "nile-icon",
-      "description": "Nile icon component.\n\nAttributes:\n\n  * `set` {IconName | undefined} - The name of the icon set\n\n  * `name` {IconName | undefined} - The name of the icon\n\n  * `description` {`string`} - A description of what the icon represents\n\n  * `method` {`string`} - \n\n  * `customSvgPath` {`string | undefined`} - A path to a custom SVG file to display as the icon\n\n  * `size` {`number`} - A size of what the icon represents\n\n  * `color` - Color\n\n  * `push` {`boolean`} - \n\n  * `frame` - Retain Viewbox\n\n  * `override` - \n\nProperties:\n\n  * `set` {IconName | undefined} - The name of the icon set\n\n  * `name` {IconName | undefined} - The name of the icon\n\n  * `description` {`string`} - A description of what the icon represents\n\n  * `method` {`string`} - \n\n  * `customSvgPath` {`string | undefined`} - A path to a custom SVG file to display as the icon\n\n  * `size` {`number`} - A size of what the icon represents\n\n  * `_svg` {`string`} - \n\n  * `title` {`string`} - \n\n  * `color` - Color\n\n  * `push` {`boolean`} - \n\n  * `frame` - Retain Viewbox\n\n  * `styles` - \n\n  * `buttonClassMap` {`ButtonClassMap`} - \n\n  * `override` - ",
+      "description": "Nile icon component.\n\nAttributes:\n\n  * `set` {IconName | undefined} - The name of the icon set\n\n  * `name` {IconName | undefined} - The name of the icon\n\n  * `description` {`string`} - A description of what the icon represents\n\n  * `method` {`string`} - \n\n  * `customSvgPath` {`string | undefined`} - A path to a custom SVG file to display as the icon\n\n  * `size` {`number`} - A size of what the icon represents\n\n  * `color` - Color\n\n  * `push` {`boolean`} - \n\n  * `noFill` {`boolean`} - \n\n  * `frame` - Retain Viewbox\n\n  * `override` - \n\nProperties:\n\n  * `set` {IconName | undefined} - The name of the icon set\n\n  * `name` {IconName | undefined} - The name of the icon\n\n  * `description` {`string`} - A description of what the icon represents\n\n  * `method` {`string`} - \n\n  * `customSvgPath` {`string | undefined`} - A path to a custom SVG file to display as the icon\n\n  * `size` {`number`} - A size of what the icon represents\n\n  * `_svg` {`string`} - \n\n  * `title` {`string`} - \n\n  * `color` - Color\n\n  * `push` {`boolean`} - \n\n  * `noFill` {`boolean`} - \n\n  * `frame` - Retain Viewbox\n\n  * `styles` - \n\n  * `buttonClassMap` {`ButtonClassMap`} - \n\n  * `override` - ",
       "attributes": [
         {
           "name": "set",
@@ -1805,6 +2009,11 @@
           "description": "`push` {`boolean`} - \n\nProperty: push\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "noFill",
+          "description": "`noFill` {`boolean`} - \n\nProperty: noFill\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "frame",
           "description": "`frame` - Retain Viewbox\n\nProperty: frame"
@@ -1840,7 +2049,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  * `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  * `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` {`\"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`} - ",
       "attributes": [
         {
           "name": "title",
@@ -2085,6 +2294,14 @@
             }
           ]
         },
+        {
+          "name": "noOutline",
+          "description": "`noOutline` - \n\nProperty: noOutline\n\nDefault: false"
+        },
+        {
+          "name": "noPadding",
+          "description": "`noPadding` - \n\nProperty: noPadding\n\nDefault: false"
+        },
         {
           "name": "name",
           "description": "`name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
@@ -2231,7 +2448,7 @@
         },
         {
           "name": "color",
-          "description": "`color` {`string`} - \n\nProperty: color\n\nDefault: var(--nile-colors-primary-600)"
+          "description": "`color` {`string`} - \n\nProperty: color\n\nDefault: var(--nile-colors-primary-600,var(--ng-colors-fg-brand-primary-600))"
         }
       ]
     },
@@ -2312,7 +2529,7 @@
     },
     {
       "name": "nile-option",
-      "description": "Slots:\n\n  * ` ` {} - The option's label.\n\n  * `prefix` {} - Used to prepend an icon or similar element to the menu item.\n\n  * `suffix` {} - Used to append an icon or similar element to the menu item.\n\nAttributes:\n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `showCheckbox` {`boolean`} - \n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\n  * `multiple` {`boolean`} - Forces the option to display in multiple select mode with checkboxes.\n\n  * `selected` {`boolean`} - Indicates whether the option is selected.\n\nProperties:\n\n  * `styles` - \n\n  * `cachedTextLabel` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `current` {`boolean`} - \n\n  * `hasHover` {`boolean`} - \n\n  * `hidden` {`boolean`} - \n\n  * `isMultipleSelect` {`boolean`} - \n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `showCheckbox` {`boolean`} - \n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\n  * `multiple` {`boolean`} - Forces the option to display in multiple select mode with checkboxes.\n\n  * `selected` {`boolean`} - Indicates whether the option is selected.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Slots:\n\n  * ` ` {} - The option's label.\n\n  * `prefix` {} - Used to prepend an icon or similar element to the menu item.\n\n  * `suffix` {} - Used to append an icon or similar element to the menu item.\n\nAttributes:\n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `showCheckbox` {`boolean`} - \n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\nProperties:\n\n  * `styles` - \n\n  * `cachedTextLabel` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `current` {`boolean`} - \n\n  * `selected` {`boolean`} - \n\n  * `hasHover` {`boolean`} - \n\n  * `hidden` {`boolean`} - \n\n  * `isMultipleSelect` {`boolean`} - \n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `showCheckbox` {`boolean`} - \n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
@@ -2327,16 +2544,6 @@
           "name": "disabled",
           "description": "`disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
-        },
-        {
-          "name": "multiple",
-          "description": "`multiple` {`boolean`} - Forces the option to display in multiple select mode with checkboxes.\n\nProperty: multiple\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "selected",
-          "description": "`selected` {`boolean`} - Indicates whether the option is selected.\n\nProperty: selected\n\nDefault: false",
-          "valueSet": "v"
         }
       ]
     },
@@ -2356,7 +2563,7 @@
     },
     {
       "name": "nile-pagination",
-      "description": "Attributes:\n\n  * `totalitems` {`number`} - \n\n  * `currentpage` {`number`} - \n\n  * `pagesize` {`number`} - \n\n  * `pagesizeoptions` {`number[]`} - \n\n  * `variant` {`\"fluid\" | \"compact\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTitle` {`boolean`} - \n\nProperties:\n\n  * `totalItems` {`number`} - \n\n  * `currentPage` {`number`} - \n\n  * `pageSize` {`number`} - \n\n  * `pageSizeOptions` {`number[]`} - \n\n  * `variant` {`\"fluid\" | \"compact\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTitle` {`boolean`} - \n\n  * `_pageSizeOpen` {`boolean`} - \n\n  * `_pageSizeDropdown` {`HTMLElement`} - \n\n  * `totalPages` {`number`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Attributes:\n\n  * `totalitems` {`number`} - \n\n  * `currentpage` {`number`} - \n\n  * `pagesize` {`number`} - \n\n  * `pagesizeoptions` {`number[]`} - \n\n  * `variant` {`\"fluid\" | \"compact\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTitle` {`boolean`} - \n\nProperties:\n\n  * `totalItems` {`number`} - \n\n  * `currentPage` {`number`} - \n\n  * `pageSize` {`number`} - \n\n  * `pageSizeOptions` {`number[]`} - \n\n  * `variant` {`\"fluid\" | \"compact\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTitle` {`boolean`} - \n\n  * `_pageSizeOpen` {`boolean`} - \n\n  * `_pageOpen` {`boolean`} - \n\n  * `_pageSizeDropdown` {`HTMLElement`} - \n\n  * `totalPages` {`number`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "totalitems",
@@ -2843,7 +3050,7 @@
     },
     {
       "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\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` {`boolean`} - Allows more than one option to be selected.\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  * `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  * `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` {`boolean`} - Allows more than one option to be selected.\n\n  * `helpText` {`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  * `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\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` {`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  * `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  * `hasSlotController` - \n\n  * `typeToSelectString` {`string`} - \n\n  * `typeToSelectTimeout` {`number`} - \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` {`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  * `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",
@@ -2898,9 +3105,13 @@
           "description": "`multiple` {`boolean`} - Allows more than one option to be selected.\n\nProperty: multiple\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "helpText",
+          "description": "`helpText` {`string`} - \n\nProperty: helpText\n\nDefault: "
+        },
         {
           "name": "help-text",
-          "description": "`help-text` {`string`} - \n\nProperty: helpText\n\nDefault: "
+          "description": "`help-text` {`string`} - \n\nProperty: help_text\n\nDefault: "
         },
         {
           "name": "error-message",
@@ -2980,15 +3191,6 @@
           "name": "noResultsMessage",
           "description": "`noResultsMessage` {`string`} - \n\nProperty: noResultsMessage\n\nDefault: No results found"
         },
-        {
-          "name": "data",
-          "description": "`data` - \n\nProperty: data\n\nDefault: "
-        },
-        {
-          "name": "enableVirtualScroll",
-          "description": "`enableVirtualScroll` {`boolean`} - \n\nProperty: enableVirtualScroll\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "name",
           "description": "`name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
@@ -4057,214 +4259,6 @@
           "description": "`subtitle` {`string`} - \n\nProperty: subtitle\n\nDefault: "
         }
       ]
-    },
-    {
-      "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  * `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`} - ",
-      "attributes": [
-        {
-          "name": "data",
-          "description": "`data` - Array of all option items for virtual scrolling\n\nProperty: data\n\nDefault: "
-        },
-        {
-          "name": "size",
-          "description": "`size` {`\"medium\" | \"small\" | \"large\"`} - The select's size.\n\nProperty: size\n\nDefault: medium",
-          "values": [
-            {
-              "name": "medium"
-            },
-            {
-              "name": "small"
-            },
-            {
-              "name": "large"
-            }
-          ]
-        },
-        {
-          "name": "placeholder",
-          "description": "`placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\nProperty: placeholder\n\nDefault: Select..."
-        },
-        {
-          "name": "searchEnabled",
-          "description": "`searchEnabled` {`boolean`} - Enable search functionality\n\nProperty: searchEnabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "internal-search-placeholder",
-          "description": "`internal-search-placeholder` {`string`} - Search input placeholder\n\nProperty: internalSearchPlaceHolder\n\nDefault: Search..."
-        },
-        {
-          "name": "disableLocalSearch",
-          "description": "`disableLocalSearch` {`boolean`} - Disable local search filtering\n\nProperty: disableLocalSearch\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "optionsLoading",
-          "description": "`optionsLoading` {`boolean`} - Show loading state\n\nProperty: optionsLoading\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "multiple",
-          "description": "`multiple` {`boolean`} - Allows more than one option to be selected.\n\nProperty: multiple\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "help-text",
-          "description": "`help-text` {`string`} - Help text\n\nProperty: helpText\n\nDefault: "
-        },
-        {
-          "name": "error-message",
-          "description": "`error-message` {`string`} - Error message\n\nProperty: errorMessage\n\nDefault: "
-        },
-        {
-          "name": "warning",
-          "description": "`warning` {`boolean`} - Sets the input to a warning state\n\nProperty: warning\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "error",
-          "description": "`error` {`boolean`} - Sets the input to an error state\n\nProperty: error\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "success",
-          "description": "`success` {`boolean`} - Sets the input to a success state\n\nProperty: success\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "clearable",
-          "description": "`clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\nProperty: clearable\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "open",
-          "description": "`open` {`boolean`} - The select's open state.\n\nProperty: open\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hoist",
-          "description": "`hoist` {`boolean`} - Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\nProperty: hoist\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "filled",
-          "description": "`filled` {`boolean`} - Draws a filled select.\n\nProperty: filled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "pill",
-          "description": "`pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\nProperty: pill\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\nProperty: label\n\nDefault: "
-        },
-        {
-          "name": "placement",
-          "description": "`placement` {`\"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\nProperty: placement\n\nDefault: bottom",
-          "values": [
-            {
-              "name": "top"
-            },
-            {
-              "name": "bottom"
-            }
-          ]
-        },
-        {
-          "name": "showNoResults",
-          "description": "`showNoResults` {`boolean`} - Show no results message\n\nProperty: showNoResults\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "noResultsMessage",
-          "description": "`noResultsMessage` {`string`} - No results message\n\nProperty: noResultsMessage\n\nDefault: No results found"
-        },
-        {
-          "name": "showSelected",
-          "description": "`showSelected` {`boolean`} - Show selected options only\n\nProperty: showSelected\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "blockValueChange",
-          "description": "`blockValueChange` {`boolean`} - Block value change events\n\nProperty: blockValueChange\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "noWidthSync",
-          "description": "`noWidthSync` {`boolean`} - Disable width synchronization\n\nProperty: noWidthSync\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "max-options-visible",
-          "description": "`max-options-visible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\nProperty: maxOptionsVisible\n\nDefault: 3"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
-        },
-        {
-          "name": "value",
-          "description": "`value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\nProperty: value\n\nDefault: ",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Disables the select control.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "form",
-          "description": "`form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\nProperty: form\n\nDefault: "
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - The select's required attribute.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onnile-change",
-          "description": "`nile-change` {} - Emitted when the control's value changes."
-        },
-        {
-          "name": "onnile-clear",
-          "description": "`nile-clear` {} - Emitted when the control's value is cleared."
-        },
-        {
-          "name": "onnile-input",
-          "description": "`nile-input` {} - Emitted when the control receives input."
-        },
-        {
-          "name": "onnile-focus",
-          "description": "`nile-focus` {} - Emitted when the control gains focus."
-        },
-        {
-          "name": "onnile-blur",
-          "description": "`nile-blur` {} - Emitted when the control loses focus."
-        },
-        {
-          "name": "onnile-show",
-          "description": "`nile-show` {} - Emitted when the select's menu opens."
-        },
-        {
-          "name": "onnile-after-show",
-          "description": "`nile-after-show` {} - Emitted after the select's menu opens and all animations are complete."
-        },
-        {
-          "name": "onnile-hide",
-          "description": "`nile-hide` {} - Emitted when the select's menu closes."
-        },
-        {
-          "name": "onnile-after-hide",
-          "description": "`nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete."
-        },
-        {
-          "name": "onnile-invalid",
-          "description": "`nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied."
-        }
-      ]
     }
   ],
   "globalAttributes": [],