@aquera/nile-elements 1.6.1 → 1.6.2

package/vscode-html-custom-data.json

@@ -1906,7 +1906,7 @@
     },
     {
       "name": "nile-floating-panel",
-      "description": "Nile floating-panel component.\n\nA popover that supports rich content (title, body, actions).\n\n**Wrapper mode** (default): first child element is the trigger.\n**For mode**: set `for=\"elementId\"` to attach to an external element.\n\nEvents:\n\n  * `nile-init` {} - Component initialized.\n\n  * `nile-destroy` {} - Component destroyed.\n\n  * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel opened.\n\n  * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel closed.\n\n  * `nile-after-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully visible after animation.\n\n  * `nile-after-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully hidden after animation.\n\n  * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Open/close transition (detail.open).\n\n  * `nile-visibility-change` {} - Hidden by scroll/tab change.\n\nAttributes:\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - \n\n  * `trigger` {`string`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `arrow` {`\"none\" | \"default\" | \"round\"`} - \n\n  * `animation` {`string`} - \n\n  * `duration` {`string | number | [number, number]`} - \n\n  * `delay` {`number | [number, number]`} - \n\n  * `interactive` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `followCursor` {`boolean | \"initial\" | \"horizontal\" | \"vertical\" | \"true\" | \"false\"`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `flip` {`boolean`} - \n\n  * `for` {`string | null`} - \n\n  * `open` {`boolean`} - \n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\n  * `group` {`string | null`} - When set, only one panel in the same group can be open at a time.\n\n  * `closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\nProperties:\n\n  * `_groups` {`Map<string, Set<NileFloatingPanel>>`} - \n\n  * `_reducedMotionQuery` {`MediaQueryList | null`} - \n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - \n\n  * `trigger` {`string`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `arrow` {`\"none\" | \"default\" | \"round\"`} - \n\n  * `animation` {`string`} - \n\n  * `duration` {`string | number | [number, number]`} - \n\n  * `delay` {`number | [number, number]`} - \n\n  * `interactive` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `followCursor` {`boolean | \"initial\" | \"horizontal\" | \"vertical\" | \"true\" | \"false\"`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `flip` {`boolean`} - \n\n  * `for` {`string | null`} - \n\n  * `open` {`boolean`} - \n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\n  * `group` {`string | null`} - When set, only one panel in the same group can be open at a time.\n\n  * `closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `tippyInstance` {`Instance<Props> | null`} - \n\n  * `visibilityManager` - \n\n  * `panelContainer` {`HTMLElement | null`} - \n\n  * `anchorEl` {`HTMLElement | null`} - \n\n  * `_suppressOpenWatch` {`boolean`} - \n\n  * `_panelId` {`string`} - \n\n  * `_boundEscHandler` - \n\n  * `_pendingShowListener` - \n\n  * `_pendingHideListener` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile floating-panel component.\n\nA popover that supports rich content (title, body, actions).\n\n**Wrapper mode** (default): first child element is the trigger.\n**For mode**: set `for=\"elementId\"` to attach to an external element.\n\nEvents:\n\n  * `nile-init` {} - Component initialized.\n\n  * `nile-destroy` {} - Component destroyed.\n\n  * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel opened.\n\n  * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel closed.\n\n  * `nile-after-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully visible after animation.\n\n  * `nile-after-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully hidden after animation.\n\n  * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Open/close transition (detail.open).\n\n  * `nile-visibility-change` {} - Hidden by scroll/tab change.\n\nAttributes:\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - \n\n  * `trigger` {`string`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `arrow` {`\"none\" | \"default\" | \"round\"`} - \n\n  * `animation` {`string`} - \n\n  * `duration` {`string | number | [number, number]`} - \n\n  * `delay` {`number | [number, number]`} - \n\n  * `interactive` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `followCursor` {`boolean | \"initial\" | \"horizontal\" | \"vertical\" | \"true\" | \"false\"`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `flip` {`boolean`} - \n\n  * `for` {`string | null`} - \n\n  * `open` {`boolean`} - \n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\n  * `group` {`string | null`} - When set, only one panel in the same group can be open at a time.\n\n  * `closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\n  * `panelClass` {`string`} - Custom CSS class(es) added to the Tippy popper element, allowing per-instance styling from the host.\n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\nProperties:\n\n  * `_groups` {`Map<string, Set<NileFloatingPanel>>`} - \n\n  * `_reducedMotionQuery` {`MediaQueryList | null`} - \n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - \n\n  * `trigger` {`string`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `arrow` {`\"none\" | \"default\" | \"round\"`} - \n\n  * `animation` {`string`} - \n\n  * `duration` {`string | number | [number, number]`} - \n\n  * `delay` {`number | [number, number]`} - \n\n  * `interactive` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `followCursor` {`boolean | \"initial\" | \"horizontal\" | \"vertical\" | \"true\" | \"false\"`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `flip` {`boolean`} - \n\n  * `for` {`string | null`} - \n\n  * `open` {`boolean`} - \n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\n  * `group` {`string | null`} - When set, only one panel in the same group can be open at a time.\n\n  * `closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\n  * `panelClass` {`string`} - Custom CSS class(es) added to the Tippy popper element, allowing per-instance styling from the host.\n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `tippyInstance` {`Instance<Props> | null`} - \n\n  * `visibilityManager` - \n\n  * `panelContainer` {`HTMLElement | null`} - \n\n  * `anchorEl` {`HTMLElement | null`} - \n\n  * `_suppressOpenWatch` {`boolean`} - \n\n  * `_panelId` {`string`} - \n\n  * `_boundEscHandler` - \n\n  * `_pendingShowListener` - \n\n  * `_pendingHideListener` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "placement",
@@ -2107,6 +2107,10 @@
           "description": "`closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\nProperty: closeOnEscape\n\nDefault: true",
           "valueSet": "v"
         },
+        {
+          "name": "panelClass",
+          "description": "`panelClass` {`string`} - Custom CSS class(es) added to the Tippy popper element, allowing per-instance styling from the host.\n\nProperty: panelClass\n\nDefault: "
+        },
         {
           "name": "enableVisibilityEffect",
           "description": "`enableVisibilityEffect` {`boolean`} - \n\nProperty: enableVisibilityEffect\n\nDefault: false",
@@ -3554,6 +3558,172 @@
         }
       ]
     },
+    {
+      "name": "nile-otp-input",
+      "description": "Events:\n\n  * `nile-input` {} - Emitted whenever the OTP value changes from user input.\n\n  * `nile-change` {} - Emitted whenever the OTP value changes from user input.\n\n  * `nile-complete` {} - Emitted when all OTP cells are filled.\n\n  * `nile-focus` {} - Emitted when focus enters the component.\n\n  * `nile-blur` {} - Emitted when focus leaves the component.\n\n  * `nile-paste` {} - Emitted when OTP text is pasted.\n\n  * `nile-invalid` {} - Emitted when the control is invalid.\n\nSlots:\n\n  * `label` {} - The input label. Alternatively, use the `label` attribute.\n\n  * `help-text` {} - Helpful guidance text. Alternatively, use the `help-text` attribute.\n\nAttributes:\n\n  * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n  * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n  * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n  * `label` {`string`} - The input's label.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n  * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n  * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n  * `separator-positions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n  * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `readonly` {`boolean`} - Makes the control readonly.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n  * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the OTP control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`.\n\n  * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n  * `required` {`boolean`} - Makes this field required.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `customValidationMessage` {`string`} - \n\n  * `wasComplete` {`boolean`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `cellInputs` {`NodeListOf<HTMLInputElement>`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `activeIndex` {`number`} - \n\n  * `cells` {`string[]`} - \n\n  * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n  * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n  * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n  * `label` {`string`} - The input's label.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n  * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n  * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n  * `separatorPositions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n  * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `readonly` {`boolean`} - Makes the control readonly.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n  * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n  * `complete` {`boolean`} - Returns true when all OTP cells have values.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the OTP control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`.\n\n  * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n  * `min` {`string | number | Date | undefined`} - \n\n  * `max` {`string | number | Date | undefined`} - \n\n  * `step` {`number | \"any\" | undefined`} - \n\n  * `required` {`boolean`} - Makes this field required.\n\n  * `minlength` {`number | undefined`} - \n\n  * `maxlength` {`number | undefined`} - \n\n  * `validity` {`ValidityState`} - Gets the validity state object.\n\n  * `validationMessage` {`string`} - Gets the validation message.\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "length",
+          "description": "`length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\nProperty: length\n\nDefault: 6"
+        },
+        {
+          "name": "numericOnly",
+          "description": "`numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\nProperty: numericOnly\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "alphanumeric",
+          "description": "`alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\nProperty: alphanumeric\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - The input's label.\n\nProperty: label\n\nDefault: "
+        },
+        {
+          "name": "helpText",
+          "description": "`helpText` {`string`} - \n\nProperty: helpText\n\nDefault: "
+        },
+        {
+          "name": "errorMessage",
+          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
+        },
+        {
+          "name": "placeholder",
+          "description": "`placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\nProperty: placeholder\n\nDefault: "
+        },
+        {
+          "name": "separator",
+          "description": "`separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\nProperty: separator\n\nDefault: "
+        },
+        {
+          "name": "separatorEvery",
+          "description": "`separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\nProperty: separatorEvery\n\nDefault: 0"
+        },
+        {
+          "name": "separator-positions",
+          "description": "`separator-positions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\nProperty: separatorPositions\n\nDefault: "
+        },
+        {
+          "name": "masked",
+          "description": "`masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\nProperty: masked\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "warning",
+          "description": "`warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\nProperty: warning\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "error",
+          "description": "`error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\nProperty: error\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "success",
+          "description": "`success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\nProperty: success\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {`boolean`} - Makes the control readonly.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "autofocus",
+          "description": "`autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\nProperty: autofocus\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "inputmode",
+          "description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\nProperty: inputmode",
+          "values": [
+            {
+              "name": "text"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "numeric"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "url"
+            },
+            {
+              "name": "decimal"
+            }
+          ]
+        },
+        {
+          "name": "autocomplete",
+          "description": "`autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\nProperty: autocomplete\n\nDefault: one-time-code"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\nProperty: name\n\nDefault: "
+        },
+        {
+          "name": "value",
+          "description": "`value` {`string`} - The current value of the OTP control.\n\nProperty: value\n\nDefault: "
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Disables the control.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "form",
+          "description": "`form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`.\n\nProperty: form\n\nDefault: "
+        },
+        {
+          "name": "pattern",
+          "description": "`pattern` {`string`} - Optional regex pattern for full OTP validation.\n\nProperty: pattern"
+        },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes this field required.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "onnile-input",
+          "description": "`nile-input` {} - Emitted whenever the OTP value changes from user input."
+        },
+        {
+          "name": "onnile-change",
+          "description": "`nile-change` {} - Emitted whenever the OTP value changes from user input."
+        },
+        {
+          "name": "onnile-complete",
+          "description": "`nile-complete` {} - Emitted when all OTP cells are filled."
+        },
+        {
+          "name": "onnile-focus",
+          "description": "`nile-focus` {} - Emitted when focus enters the component."
+        },
+        {
+          "name": "onnile-blur",
+          "description": "`nile-blur` {} - Emitted when focus leaves the component."
+        },
+        {
+          "name": "onnile-paste",
+          "description": "`nile-paste` {} - Emitted when OTP text is pasted."
+        },
+        {
+          "name": "onnile-invalid",
+          "description": "`nile-invalid` {} - Emitted when the control is invalid."
+        }
+      ]
+    },
     {
       "name": "nile-page-header",
       "description": "Nile page-header component.\n\nAttributes:\n\n  * `heading` {`string`} - \n\n  * `sub-heading` {`string`} - \n\nProperties:\n\n  * `heading` {`string`} - \n\n  * `subHeading` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",