@kdcloudjs/shoelace 1.0.25 → 1.0.26

package/dist/types/vue/index.d.ts

@@ -9,8 +9,8 @@ import type { SlBreadcrumb } from "../../components/breadcrumb/breadcrumb.compon
 import type { SlBreadcrumbItem } from "../../components/breadcrumb-item/breadcrumb-item.component.js";
 import type { SlButton } from "../../components/button/button.component.js";
 import type { SlButtonGroup } from "../../components/button-group/button-group.component.js";
-import type { SlCard } from "../../components/card/card.component.js";
 import type { SlCarousel } from "../../components/carousel/carousel.component.js";
+import type { SlCard } from "../../components/card/card.component.js";
 import type { SlCarouselItem } from "../../components/carousel-item/carousel-item.component.js";
 import type { SlCheckbox } from "../../components/checkbox/checkbox.component.js";
 import type { SlCol } from "../../components/col/col.component.js";
@@ -29,23 +29,23 @@ import type { SlFormatDate } from "../../components/format-date/format-date.comp
 import type { SlFormatNumber } from "../../components/format-number/format-number.component.js";
 import type { SlIcon } from "../../components/icon/icon.component.js";
 import type { SlIconButton } from "../../components/icon-button/icon-button.component.js";
-import type { SlInclude } from "../../components/include/include.component.js";
 import type { SlImageComparer } from "../../components/image-comparer/image-comparer.component.js";
-import type { SlMenu } from "../../components/menu/menu.component.js";
+import type { SlInclude } from "../../components/include/include.component.js";
 import type { SlInput } from "../../components/input/input.component.js";
+import type { SlMenu } from "../../components/menu/menu.component.js";
 import type { SlMenuItem } from "../../components/menu-item/menu-item.component.js";
 import type { SlMenuLabel } from "../../components/menu-label/menu-label.component.js";
-import type { SlNav } from "../../components/nav/nav.component.js";
 import type { SlMutationObserver } from "../../components/mutation-observer/mutation-observer.component.js";
+import type { SlNav } from "../../components/nav/nav.component.js";
 import type { SlNavGroup } from "../../components/nav-group/nav-group.component.js";
-import type { SlNavSubmenu } from "../../components/nav-submenu/nav-submenu.component.js";
 import type { SlNavItem } from "../../components/nav-item/nav-item.component.js";
+import type { SlNavSubmenu } from "../../components/nav-submenu/nav-submenu.component.js";
 import type { SlOption } from "../../components/option/option.component.js";
-import type { SlPopup } from "../../components/popup/popup.component.js";
 import type { SlPagination } from "../../components/pagination/pagination.component.js";
+import type { SlPopup } from "../../components/popup/popup.component.js";
+import type { SlProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { SlProgressRing } from "../../components/progress-ring/progress-ring.component.js";
 import type { SlQrCode } from "../../components/qr-code/qr-code.component.js";
-import type { SlProgressBar } from "../../components/progress-bar/progress-bar.component.js";
 import type { SlRadio } from "../../components/radio/radio.component.js";
 import type { SlRadioButton } from "../../components/radio-button/radio-button.component.js";
 import type { SlRadioGroup } from "../../components/radio-group/radio-group.component.js";
@@ -54,8 +54,8 @@ import type { SlRating } from "../../components/rating/rating.component.js";
 import type { SlRelativeTime } from "../../components/relative-time/relative-time.component.js";
 import type { SlResizeObserver } from "../../components/resize-observer/resize-observer.component.js";
 import type { SlRow } from "../../components/row/row.component.js";
-import type { SlSelect } from "../../components/select/select.component.js";
 import type { SlScreen } from "../../components/screen/screen.component.js";
+import type { SlSelect } from "../../components/select/select.component.js";
 import type { SlSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { SlSpinner } from "../../components/spinner/spinner.component.js";
 import type { SlSplitPanel } from "../../components/split-panel/split-panel.component.js";
@@ -63,17 +63,17 @@ import type { SlSwitch } from "../../components/switch/switch.component.js";
 import type { SlTab } from "../../components/tab/tab.component.js";
 import type { SlTabGroup } from "../../components/tab-group/tab-group.component.js";
 import type { SlTabPanel } from "../../components/tab-panel/tab-panel.component.js";
-import type { SlTextarea } from "../../components/textarea/textarea.component.js";
 import type { SlTable, CustomEvent } from "../../components/table/table.component.js";
 import type { SlTag } from "../../components/tag/tag.component.js";
+import type { SlTextarea } from "../../components/textarea/textarea.component.js";
 import type { SlThink } from "../../components/think/think.component.js";
 import type { SlThoughtChain } from "../../components/thought-chain/thought-chain.component.js";
 import type { SlThoughtChainItem } from "../../components/thought-chain-item/thought-chain-item.component.js";
 import type { SlThoughtChainNode } from "../../components/thought-chain-node/thought-chain-node.component.js";
 import type { SlTimepicker } from "../../components/timepicker/timepicker.component.js";
+import type { SlTooltip } from "../../components/tooltip/tooltip.component.js";
 import type { SlTree } from "../../components/tree/tree.component.js";
 import type { SlTreeItem } from "../../components/tree-item/tree-item.component.js";
-import type { SlTooltip } from "../../components/tooltip/tooltip.component.js";
 import type { SlVisuallyHidden } from "../../components/visually-hidden/visually-hidden.component.js";
 
 type SlAlertProps = {
@@ -292,8 +292,6 @@ devices when interacting with the control and is strongly recommended. */
   disableRole?: SlButtonGroup["disableRole"];
 };
 
-type SlCardProps = {};
-
 type SlCarouselProps = {
   /** When set, allows the user to navigate the carousel in the same direction indefinitely. */
   loop?: SlCarousel["loop"];
@@ -328,6 +326,8 @@ greater than one. It can't be higher than `slides-per-page`. */
   "onsl-slide-change"?: (e: CustomEvent<{ index: number; slide: SlCarouselItem }>) => void;
 };
 
+type SlCardProps = {};
+
 type SlCarouselItemProps = {};
 
 type SlCheckboxProps = {
@@ -872,6 +872,17 @@ that describes what the icon button does. */
   "onsl-focus"?: (e: CustomEvent<never>) => void;
 };
 
+type SlImageComparerProps = {
+  /** The position of the divider as a percentage. */
+  position?: SlImageComparer["position"];
+  /**  */
+  base?: SlImageComparer["base"];
+  /**  */
+  handle?: SlImageComparer["handle"];
+  /** Emitted when the position changes. */
+  "onsl-change"?: (e: CustomEvent<never>) => void;
+};
+
 type SlIncludeProps = {
   /** The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as
 code and can result in XSS attacks. */
@@ -888,24 +899,6 @@ code and can result in XSS attacks. */
   "onsl-error"?: (e: CustomEvent<{ status: number }>) => void;
 };
 
-type SlImageComparerProps = {
-  /** The position of the divider as a percentage. */
-  position?: SlImageComparer["position"];
-  /**  */
-  base?: SlImageComparer["base"];
-  /**  */
-  handle?: SlImageComparer["handle"];
-  /** Emitted when the position changes. */
-  "onsl-change"?: (e: CustomEvent<never>) => void;
-};
-
-type SlMenuProps = {
-  /**  */
-  defaultSlot?: SlMenu["defaultSlot"];
-  /** Emitted when a menu item is selected. */
-  "onsl-select"?: (e: CustomEvent<{ item: SlMenuItem }>) => void;
-};
-
 type SlInputProps = {
   /**  */
   title?: SlInput["title"];
@@ -1005,6 +998,13 @@ keyboard on supportive devices. */
   "onsl-invalid"?: (e: CustomEvent<never>) => void;
 };
 
+type SlMenuProps = {
+  /**  */
+  defaultSlot?: SlMenu["defaultSlot"];
+  /** Emitted when a menu item is selected. */
+  "onsl-select"?: (e: CustomEvent<{ item: SlMenuItem }>) => void;
+};
+
 type SlMenuItemProps = {
   /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
   type?: SlMenuItem["type"];
@@ -1024,6 +1024,25 @@ type SlMenuItemProps = {
 
 type SlMenuLabelProps = {};
 
+type SlMutationObserverProps = {
+  /** Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.
+`attr="class id title"`. To watch all attributes, use `*`. */
+  attr?: SlMutationObserver["attr"];
+  /** Indicates whether or not the attribute's previous value should be recorded when monitoring changes. */
+  "attr-old-value"?: SlMutationObserver["attrOldValue"];
+  /** Watches for changes to the character data contained within the node. */
+  "char-data"?: SlMutationObserver["charData"];
+  /** Indicates whether or not the previous value of the node's text should be recorded. */
+  "char-data-old-value"?: SlMutationObserver["charDataOldValue"];
+  /** Watches for the addition or removal of new child nodes. */
+  "child-list"?: SlMutationObserver["childList"];
+  /** Disables the observer. */
+  disabled?: SlMutationObserver["disabled"];
+
+  /** Emitted when a mutation occurs. */
+  "onsl-mutation"?: (e: CustomEvent<{ mutationList: MutationRecord[] }>) => void;
+};
+
 type SlNavProps = {
   /** Matches Antd's `mode` API. */
   mode?: SlNav["mode"];
@@ -1079,25 +1098,6 @@ type SlNavProps = {
   "onsl-nav-select"?: (e: CustomEvent<{ item: SlNavItem; domEvent: MouseEvent | KeyboardEvent }>) => void;
 };
 
-type SlMutationObserverProps = {
-  /** Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.
-`attr="class id title"`. To watch all attributes, use `*`. */
-  attr?: SlMutationObserver["attr"];
-  /** Indicates whether or not the attribute's previous value should be recorded when monitoring changes. */
-  "attr-old-value"?: SlMutationObserver["attrOldValue"];
-  /** Watches for changes to the character data contained within the node. */
-  "char-data"?: SlMutationObserver["charData"];
-  /** Indicates whether or not the previous value of the node's text should be recorded. */
-  "char-data-old-value"?: SlMutationObserver["charDataOldValue"];
-  /** Watches for the addition or removal of new child nodes. */
-  "child-list"?: SlMutationObserver["childList"];
-  /** Disables the observer. */
-  disabled?: SlMutationObserver["disabled"];
-
-  /** Emitted when a mutation occurs. */
-  "onsl-mutation"?: (e: CustomEvent<{ mutationList: MutationRecord[] }>) => void;
-};
-
 type SlNavGroupProps = {
   /** Draws the nav group in an active (selected) state. */
   active?: SlNavGroup["active"];
@@ -1107,6 +1107,43 @@ type SlNavGroupProps = {
   label?: SlNavGroup["label"];
 };
 
+type SlNavItemProps = {
+  /** A stable key used by `sl-nav` to track selection. */
+  key?: SlNavItem["key"];
+  /** React-safe alias for `key`.
+
+React reserves `key` and won't forward it to custom elements, so wrapper users can pass `itemKey` instead. */
+  "item-key"?: SlNavItem["itemKey"];
+  /** Matches Antd's `danger` item flag. */
+  danger?: SlNavItem["danger"];
+  /** Tooltip text, primarily used when the menu is collapsed. */
+  title?: SlNavItem["title"];
+  /** Draws the nav item in a disabled state. */
+  disabled?: SlNavItem["disabled"];
+  /** Draws the nav item in an active (selected) state. */
+  active?: SlNavItem["active"];
+  /** The URL to link to. If set, the nav item will render as an anchor tag. */
+  href?: SlNavItem["href"];
+  /** The target attribute for the anchor tag. */
+  target?: SlNavItem["target"];
+  /** The download attribute for the anchor tag. */
+  download?: SlNavItem["download"];
+  /** The rel attribute for the anchor tag. */
+  rel?: SlNavItem["rel"];
+  /** The mode of navigation. */
+  mode?: SlNavItem["mode"];
+  /** Whether the parent nav is in inline-collapsed mode. */
+  collapsed?: SlNavItem["collapsed"];
+  /** Alternate label content when using Antd-style `items` configuration. */
+  label?: SlNavItem["label"];
+  /** Alternate icon content when using Antd-style `items` configuration. */
+  icon?: SlNavItem["icon"];
+  /** Extra content shown at the end of the item. */
+  extra?: SlNavItem["extra"];
+  /** Emitted when a nav item is selected. */
+  "onsl-nav-select"?: (e: CustomEvent<{ item: SlNavItem }>) => void;
+};
+
 type SlNavSubmenuProps = {
   /** A stable key used by `sl-nav` to track open state. */
   key?: SlNavSubmenu["key"];
@@ -1156,43 +1193,6 @@ React reserves `key` and won't forward it to custom elements, so wrapper users c
   "onsl-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
-type SlNavItemProps = {
-  /** A stable key used by `sl-nav` to track selection. */
-  key?: SlNavItem["key"];
-  /** React-safe alias for `key`.
-
-React reserves `key` and won't forward it to custom elements, so wrapper users can pass `itemKey` instead. */
-  "item-key"?: SlNavItem["itemKey"];
-  /** Matches Antd's `danger` item flag. */
-  danger?: SlNavItem["danger"];
-  /** Tooltip text, primarily used when the menu is collapsed. */
-  title?: SlNavItem["title"];
-  /** Draws the nav item in a disabled state. */
-  disabled?: SlNavItem["disabled"];
-  /** Draws the nav item in an active (selected) state. */
-  active?: SlNavItem["active"];
-  /** The URL to link to. If set, the nav item will render as an anchor tag. */
-  href?: SlNavItem["href"];
-  /** The target attribute for the anchor tag. */
-  target?: SlNavItem["target"];
-  /** The download attribute for the anchor tag. */
-  download?: SlNavItem["download"];
-  /** The rel attribute for the anchor tag. */
-  rel?: SlNavItem["rel"];
-  /** The mode of navigation. */
-  mode?: SlNavItem["mode"];
-  /** Whether the parent nav is in inline-collapsed mode. */
-  collapsed?: SlNavItem["collapsed"];
-  /** Alternate label content when using Antd-style `items` configuration. */
-  label?: SlNavItem["label"];
-  /** Alternate icon content when using Antd-style `items` configuration. */
-  icon?: SlNavItem["icon"];
-  /** Extra content shown at the end of the item. */
-  extra?: SlNavItem["extra"];
-  /** Emitted when a nav item is selected. */
-  "onsl-nav-select"?: (e: CustomEvent<{ item: SlNavItem }>) => void;
-};
-
 type SlOptionProps = {
   /** The option's value. When selected, the containing form control will receive this value. The value must be unique
 from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
@@ -1210,6 +1210,27 @@ multiple values. */
   hasHover?: SlOption["hasHover"];
 };
 
+type SlPaginationProps = {
+  /**  */
+  currentPage?: SlPagination["currentPage"];
+  /**  */
+  pageSize?: SlPagination["pageSize"];
+  /**  */
+  pageSizeOpts?: SlPagination["pageSizeOpts"];
+  /**  */
+  total?: SlPagination["total"];
+  /**  */
+  disabled?: SlPagination["disabled"];
+  /**  */
+  className?: SlPagination["className"];
+  /**  */
+  simpleMode?: SlPagination["simpleMode"];
+  /**  */
+  direction?: SlPagination["direction"];
+  /**  */
+  defaultCurrentPage?: SlPagination["defaultCurrentPage"];
+};
+
 type SlPopupProps = {
   /** The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
 element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
@@ -1285,25 +1306,13 @@ active. */
   "onsl-reposition"?: (e: CustomEvent<never>) => void;
 };
 
-type SlPaginationProps = {
-  /**  */
-  currentPage?: SlPagination["currentPage"];
-  /**  */
-  pageSize?: SlPagination["pageSize"];
-  /**  */
-  pageSizeOpts?: SlPagination["pageSizeOpts"];
-  /**  */
-  total?: SlPagination["total"];
-  /**  */
-  disabled?: SlPagination["disabled"];
-  /**  */
-  className?: SlPagination["className"];
-  /**  */
-  simpleMode?: SlPagination["simpleMode"];
-  /**  */
-  direction?: SlPagination["direction"];
-  /**  */
-  defaultCurrentPage?: SlPagination["defaultCurrentPage"];
+type SlProgressBarProps = {
+  /** The current progress as a percentage, 0 to 100. */
+  value?: SlProgressBar["value"];
+  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
+  indeterminate?: SlProgressBar["indeterminate"];
+  /** A custom label for assistive devices. */
+  label?: SlProgressBar["label"];
 };
 
 type SlProgressRingProps = {
@@ -1336,15 +1345,6 @@ type SlQrCodeProps = {
   canvas?: SlQrCode["canvas"];
 };
 
-type SlProgressBarProps = {
-  /** The current progress as a percentage, 0 to 100. */
-  value?: SlProgressBar["value"];
-  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
-  indeterminate?: SlProgressBar["indeterminate"];
-  /** A custom label for assistive devices. */
-  label?: SlProgressBar["label"];
-};
-
 type SlRadioProps = {
   /** The radio's value. When selected, the radio group will receive this value. */
   value?: SlRadio["value"];
@@ -1526,6 +1526,21 @@ type SlRowProps = {
   wrap?: SlRow["wrap"];
 };
 
+type SlScreenProps = {
+  /** The options for the GridStack instance. */
+  options?: SlScreen["options"];
+  /** The initial configuration for the grid. */
+  data?: SlScreen["data"];
+  /** Whether the items in the grid can be removed. */
+  removable?: SlScreen["removable"];
+  /** Disables dragging and resizing of widgets. */
+  static?: SlScreen["static"];
+  /** The selector for items that can be dragged into the grid from outside. */
+  selector?: SlScreen["selector"];
+  /**  */
+  gridElement?: SlScreen["gridElement"];
+};
+
 type SlSelectProps = {
   /** The name of the select, submitted as a name/value pair with form data. */
   name?: SlSelect["name"];
@@ -1617,21 +1632,6 @@ be an array. **For this reason, values must not contain spaces.** */
   "onsl-invalid"?: (e: CustomEvent<never>) => void;
 };
 
-type SlScreenProps = {
-  /** The options for the GridStack instance. */
-  options?: SlScreen["options"];
-  /** The initial configuration for the grid. */
-  data?: SlScreen["data"];
-  /** Whether the items in the grid can be removed. */
-  removable?: SlScreen["removable"];
-  /** Disables dragging and resizing of widgets. */
-  static?: SlScreen["static"];
-  /** The selector for items that can be dragged into the grid from outside. */
-  selector?: SlScreen["selector"];
-  /**  */
-  gridElement?: SlScreen["gridElement"];
-};
-
 type SlSkeletonProps = {
   /** Determines which effect the skeleton will use. */
   effect?: SlSkeleton["effect"];
@@ -1751,79 +1751,6 @@ type SlTabPanelProps = {
   active?: SlTabPanel["active"];
 };
 
-type SlTextareaProps = {
-  /**  */
-  title?: SlTextarea["title"];
-  /** The name of the textarea, submitted as a name/value pair with form data. */
-  name?: SlTextarea["name"];
-  /** The current value of the textarea, submitted as a name/value pair with form data. */
-  value?: SlTextarea["value"];
-  /** The textarea's size. */
-  size?: SlTextarea["size"];
-  /** Draws a filled textarea. */
-  filled?: SlTextarea["filled"];
-  /** The textarea's label. If you need to display HTML, use the `label` slot instead. */
-  label?: SlTextarea["label"];
-  /** The textarea's help text. If you need to display HTML, use the `help-text` slot instead. */
-  "help-text"?: SlTextarea["helpText"];
-  /** Placeholder text to show as a hint when the input is empty. */
-  placeholder?: SlTextarea["placeholder"];
-  /** The number of rows to display by default. */
-  rows?: SlTextarea["rows"];
-  /** Controls how the textarea can be resized. */
-  resize?: SlTextarea["resize"];
-  /** Disables the textarea. */
-  disabled?: SlTextarea["disabled"];
-  /** Makes the textarea readonly. */
-  readonly?: SlTextarea["readonly"];
-  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-the same document or shadow root for this to work. */
-  form?: SlTextarea["form"];
-  /** Makes the textarea a required field. */
-  required?: SlTextarea["required"];
-  /** The minimum length of input that will be considered valid. */
-  minlength?: SlTextarea["minlength"];
-  /** The maximum length of input that will be considered valid. */
-  maxlength?: SlTextarea["maxlength"];
-  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */
-  autocapitalize?: SlTextarea["autocapitalize"];
-  /** Indicates whether the browser's autocorrect feature is on or off. */
-  autocorrect?: SlTextarea["autocorrect"];
-  /** Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
-[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values. */
-  autocomplete?: SlTextarea["autocomplete"];
-  /** Indicates that the input should receive focus on page load. */
-  autofocus?: SlTextarea["autofocus"];
-  /** Used to customize the label or icon of the Enter key on virtual keyboards. */
-  enterkeyhint?: SlTextarea["enterkeyhint"];
-  /** Enables spell checking on the textarea. */
-  spellcheck?: SlTextarea["spellcheck"];
-  /** Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
-keyboard on supportive devices. */
-  inputmode?: SlTextarea["inputmode"];
-  /**  */
-  input?: SlTextarea["input"];
-  /**  */
-  sizeAdjuster?: SlTextarea["sizeAdjuster"];
-  /** The default value of the form control. Primarily used for resetting the form control. */
-  defaultValue?: SlTextarea["defaultValue"];
-  /** Gets the validity state object */
-  validity?: SlTextarea["validity"];
-  /** Gets the validation message */
-  validationMessage?: SlTextarea["validationMessage"];
-  /** Emitted when the control loses focus. */
-  "onsl-blur"?: (e: CustomEvent<never>) => void;
-  /** Emitted when an alteration to the control's value is committed by the user. */
-  "onsl-change"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control gains focus. */
-  "onsl-focus"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the control receives input. */
-  "onsl-input"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
-  "onsl-invalid"?: (e: CustomEvent<never>) => void;
-};
-
 type SlTableProps = {
   /**  */
   rowKey?: SlTable["rowKey"];
@@ -1921,6 +1848,79 @@ type SlTagProps = {
   "onsl-remove"?: (e: CustomEvent<never>) => void;
 };
 
+type SlTextareaProps = {
+  /**  */
+  title?: SlTextarea["title"];
+  /** The name of the textarea, submitted as a name/value pair with form data. */
+  name?: SlTextarea["name"];
+  /** The current value of the textarea, submitted as a name/value pair with form data. */
+  value?: SlTextarea["value"];
+  /** The textarea's size. */
+  size?: SlTextarea["size"];
+  /** Draws a filled textarea. */
+  filled?: SlTextarea["filled"];
+  /** The textarea's label. If you need to display HTML, use the `label` slot instead. */
+  label?: SlTextarea["label"];
+  /** The textarea's help text. If you need to display HTML, use the `help-text` slot instead. */
+  "help-text"?: SlTextarea["helpText"];
+  /** Placeholder text to show as a hint when the input is empty. */
+  placeholder?: SlTextarea["placeholder"];
+  /** The number of rows to display by default. */
+  rows?: SlTextarea["rows"];
+  /** Controls how the textarea can be resized. */
+  resize?: SlTextarea["resize"];
+  /** Disables the textarea. */
+  disabled?: SlTextarea["disabled"];
+  /** Makes the textarea readonly. */
+  readonly?: SlTextarea["readonly"];
+  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+the same document or shadow root for this to work. */
+  form?: SlTextarea["form"];
+  /** Makes the textarea a required field. */
+  required?: SlTextarea["required"];
+  /** The minimum length of input that will be considered valid. */
+  minlength?: SlTextarea["minlength"];
+  /** The maximum length of input that will be considered valid. */
+  maxlength?: SlTextarea["maxlength"];
+  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */
+  autocapitalize?: SlTextarea["autocapitalize"];
+  /** Indicates whether the browser's autocorrect feature is on or off. */
+  autocorrect?: SlTextarea["autocorrect"];
+  /** Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
+[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values. */
+  autocomplete?: SlTextarea["autocomplete"];
+  /** Indicates that the input should receive focus on page load. */
+  autofocus?: SlTextarea["autofocus"];
+  /** Used to customize the label or icon of the Enter key on virtual keyboards. */
+  enterkeyhint?: SlTextarea["enterkeyhint"];
+  /** Enables spell checking on the textarea. */
+  spellcheck?: SlTextarea["spellcheck"];
+  /** Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
+keyboard on supportive devices. */
+  inputmode?: SlTextarea["inputmode"];
+  /**  */
+  input?: SlTextarea["input"];
+  /**  */
+  sizeAdjuster?: SlTextarea["sizeAdjuster"];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  defaultValue?: SlTextarea["defaultValue"];
+  /** Gets the validity state object */
+  validity?: SlTextarea["validity"];
+  /** Gets the validation message */
+  validationMessage?: SlTextarea["validationMessage"];
+  /** Emitted when the control loses focus. */
+  "onsl-blur"?: (e: CustomEvent<never>) => void;
+  /** Emitted when an alteration to the control's value is committed by the user. */
+  "onsl-change"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control gains focus. */
+  "onsl-focus"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the control receives input. */
+  "onsl-input"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the form control has been checked for validity and its constraints aren't satisfied. */
+  "onsl-invalid"?: (e: CustomEvent<never>) => void;
+};
+
 type SlThinkProps = {
   /** The title text shown in the status bar. Accepts plain text.
 For rich HTML content, use the `title` slot instead.
@@ -2047,6 +2047,44 @@ type SlTimepickerProps = {
   "onsl-clear"?: (e: CustomEvent<never>) => void;
 };
 
+type SlTooltipProps = {
+  /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */
+  content?: SlTooltip["content"];
+  /** The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
+inside of the viewport. */
+  placement?: SlTooltip["placement"];
+  /** Disables the tooltip so it won't show when triggered. */
+  disabled?: SlTooltip["disabled"];
+  /** The distance in pixels from which to offset the tooltip away from its target. */
+  distance?: SlTooltip["distance"];
+  /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
+  open?: SlTooltip["open"];
+  /** The distance in pixels from which to offset the tooltip along its target. */
+  skidding?: SlTooltip["skidding"];
+  /** Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
+options can be passed by separating them with a space. When manual is used, the tooltip must be activated
+programmatically. */
+  trigger?: SlTooltip["trigger"];
+  /** Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
+`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,
+scenarios. */
+  hoist?: SlTooltip["hoist"];
+  /**  */
+  defaultSlot?: SlTooltip["defaultSlot"];
+  /**  */
+  body?: SlTooltip["body"];
+  /**  */
+  popup?: SlTooltip["popup"];
+  /** Emitted when the tooltip begins to show. */
+  "onsl-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the tooltip has shown and all animations are complete. */
+  "onsl-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the tooltip begins to hide. */
+  "onsl-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the tooltip has hidden and all animations are complete. */
+  "onsl-after-hide"?: (e: CustomEvent<never>) => void;
+};
+
 type SlTreeProps = {
   /** The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple
 displays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected. */
@@ -2102,44 +2140,6 @@ type SlTreeItemProps = {
   "onsl-lazy-load"?: (e: CustomEvent<never>) => void;
 };
 
-type SlTooltipProps = {
-  /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */
-  content?: SlTooltip["content"];
-  /** The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
-inside of the viewport. */
-  placement?: SlTooltip["placement"];
-  /** Disables the tooltip so it won't show when triggered. */
-  disabled?: SlTooltip["disabled"];
-  /** The distance in pixels from which to offset the tooltip away from its target. */
-  distance?: SlTooltip["distance"];
-  /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
-  open?: SlTooltip["open"];
-  /** The distance in pixels from which to offset the tooltip along its target. */
-  skidding?: SlTooltip["skidding"];
-  /** Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
-options can be passed by separating them with a space. When manual is used, the tooltip must be activated
-programmatically. */
-  trigger?: SlTooltip["trigger"];
-  /** Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
-`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,
-scenarios. */
-  hoist?: SlTooltip["hoist"];
-  /**  */
-  defaultSlot?: SlTooltip["defaultSlot"];
-  /**  */
-  body?: SlTooltip["body"];
-  /**  */
-  popup?: SlTooltip["popup"];
-  /** Emitted when the tooltip begins to show. */
-  "onsl-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the tooltip has shown and all animations are complete. */
-  "onsl-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the tooltip begins to hide. */
-  "onsl-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the tooltip has hidden and all animations are complete. */
-  "onsl-after-hide"?: (e: CustomEvent<never>) => void;
-};
-
 type SlVisuallyHiddenProps = {};
 
 export type CustomElements = {
@@ -2331,32 +2331,6 @@ export type CustomElements = {
    */
   "sl-button-group": DefineComponent<SlButtonGroupProps>;
 
-  /**
-   * Cards can be used to group related subjects in a container.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The card's main content.
-   * - **header** - An optional header for the card.
-   * - **footer** - An optional footer for the card.
-   * - **image** - An optional image to render at the start of the card.
-   *
-   * ### **CSS Properties:**
-   *  - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_
-   * - **--border-radius** - The border radius for the card's edges. _(default: undefined)_
-   * - **--border-width** - The width of the card's borders. _(default: undefined)_
-   * - **--padding** - The padding to use for the card's sections. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **image** - The container that wraps the card's image.
-   * - **header** - The container that wraps the card's header.
-   * - **body** - The container that wraps the card's main content.
-   * - **footer** - The container that wraps the card's footer.
-   */
-  "sl-card": DefineComponent<SlCardProps>;
-
   /**
    * Carousels display an arbitrary number of content slides along a horizontal or vertical axis.
    * ---
@@ -2393,6 +2367,32 @@ export type CustomElements = {
    */
   "sl-carousel": DefineComponent<SlCarouselProps>;
 
+  /**
+   * Cards can be used to group related subjects in a container.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The card's main content.
+   * - **header** - An optional header for the card.
+   * - **footer** - An optional footer for the card.
+   * - **image** - An optional image to render at the start of the card.
+   *
+   * ### **CSS Properties:**
+   *  - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_
+   * - **--border-radius** - The border radius for the card's edges. _(default: undefined)_
+   * - **--border-width** - The width of the card's borders. _(default: undefined)_
+   * - **--padding** - The padding to use for the card's sections. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **image** - The container that wraps the card's image.
+   * - **header** - The container that wraps the card's header.
+   * - **body** - The container that wraps the card's main content.
+   * - **footer** - The container that wraps the card's footer.
+   */
+  "sl-card": DefineComponent<SlCardProps>;
+
   /**
    * A carousel item represent a slide within a [carousel](/components/carousel).
    * ---
@@ -2794,17 +2794,6 @@ export type CustomElements = {
    */
   "sl-icon-button": DefineComponent<SlIconButtonProps>;
 
-  /**
-   * Includes give you the power to embed external HTML files into the page.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **sl-load** - Emitted when the included file is loaded.
-   * - **sl-error** - Emitted when the included file fails to load due to an error.
-   */
-  "sl-include": DefineComponent<SlIncludeProps>;
-
   /**
    * Compare visual differences between similar photos with a sliding panel.
    * ---
@@ -2832,17 +2821,15 @@ export type CustomElements = {
   "sl-image-comparer": DefineComponent<SlImageComparerProps>;
 
   /**
-   * Menus provide a list of options for the user to choose from.
+   * Includes give you the power to embed external HTML files into the page.
    * ---
    *
    *
    * ### **Events:**
-   *  - **sl-select** - Emitted when a menu item is selected.
-   *
-   * ### **Slots:**
-   *  - _default_ - The menu's content, including menu items, menu labels, and dividers.
+   *  - **sl-load** - Emitted when the included file is loaded.
+   * - **sl-error** - Emitted when the included file fails to load due to an error.
    */
-  "sl-menu": DefineComponent<SlMenuProps>;
+  "sl-include": DefineComponent<SlIncludeProps>;
 
   /**
    * Inputs collect data from the user.
@@ -2894,6 +2881,19 @@ export type CustomElements = {
    */
   "sl-input": DefineComponent<SlInputProps>;
 
+  /**
+   * Menus provide a list of options for the user to choose from.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **sl-select** - Emitted when a menu item is selected.
+   *
+   * ### **Slots:**
+   *  - _default_ - The menu's content, including menu items, menu labels, and dividers.
+   */
+  "sl-menu": DefineComponent<SlMenuProps>;
+
   /**
    * Menu items provide options for the user to pick from in a menu.
    * ---
@@ -2929,12 +2929,25 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - The menu label's content.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
+   *  - _default_ - The menu label's content.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "sl-menu-label": DefineComponent<SlMenuLabelProps>;
+
+  /**
+   * The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **sl-mutation** - Emitted when a mutation occurs.
+   *
+   * ### **Slots:**
+   *  - _default_ - The content to watch for mutations.
    */
-  "sl-menu-label": DefineComponent<SlMenuLabelProps>;
+  "sl-mutation-observer": DefineComponent<SlMutationObserverProps>;
 
   /**
    * Navs are used to create navigation menus, including top bars and sidebars.
@@ -2955,33 +2968,41 @@ export type CustomElements = {
   "sl-nav": DefineComponent<SlNavProps>;
 
   /**
-   * The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).
+   * Nav groups are used to group related nav items.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **sl-mutation** - Emitted when a mutation occurs.
-   *
    * ### **Slots:**
-   *  - _default_ - The content to watch for mutations.
+   *  - _default_ - The nav items within the group.
+   * - **title** - The nav group's title.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **title** - The nav group title.
+   * - **body** - The nav group body.
    */
-  "sl-mutation-observer": DefineComponent<SlMutationObserverProps>;
+  "sl-nav-group": DefineComponent<SlNavGroupProps>;
 
   /**
-   * Nav groups are used to group related nav items.
+   * Nav items are the individual links or buttons within a navigation menu.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **sl-nav-select** - Emitted when a nav item is selected.
+   *
    * ### **Slots:**
-   *  - _default_ - The nav items within the group.
-   * - **title** - The nav group's title.
+   *  - _default_ - The nav item's label.
+   * - **prefix** - Used to prepend an icon or similar element to the nav item.
+   * - **suffix** - Used to append an icon or similar element to the nav item.
    *
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
-   * - **title** - The nav group title.
-   * - **body** - The nav group body.
+   * - **prefix** - The prefix container.
+   * - **label** - The nav item label.
+   * - **suffix** - The suffix container.
    */
-  "sl-nav-group": DefineComponent<SlNavGroupProps>;
+  "sl-nav-item": DefineComponent<SlNavItemProps>;
 
   /**
    * Nav submenus are used to group related nav items in a hierarchical structure.
@@ -3018,27 +3039,6 @@ export type CustomElements = {
    */
   "sl-nav-submenu": DefineComponent<SlNavSubmenuProps>;
 
-  /**
-   * Nav items are the individual links or buttons within a navigation menu.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **sl-nav-select** - Emitted when a nav item is selected.
-   *
-   * ### **Slots:**
-   *  - _default_ - The nav item's label.
-   * - **prefix** - Used to prepend an icon or similar element to the nav item.
-   * - **suffix** - Used to append an icon or similar element to the nav item.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **prefix** - The prefix container.
-   * - **label** - The nav item label.
-   * - **suffix** - The suffix container.
-   */
-  "sl-nav-item": DefineComponent<SlNavItemProps>;
-
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
@@ -3061,6 +3061,13 @@ export type CustomElements = {
    */
   "sl-option": DefineComponent<SlOptionProps>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "sl-pagination": DefineComponent<SlPaginationProps>;
+
   /**
    * Popup is a utility that lets you declaratively anchor "popup" containers to another element.
    * ---
@@ -3090,11 +3097,25 @@ export type CustomElements = {
   "sl-popup": DefineComponent<SlPopupProps>;
 
   /**
-   *
+   * Progress bars are used to show the status of an ongoing operation.
    * ---
    *
+   *
+   * ### **Slots:**
+   *  - _default_ - A label to show inside the progress indicator.
+   *
+   * ### **CSS Properties:**
+   *  - **--height** - The progress bar's height. _(default: undefined)_
+   * - **--track-color** - The color of the track. _(default: undefined)_
+   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
+   * - **--label-color** - The color of the label. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **indicator** - The progress bar's indicator.
+   * - **label** - The progress bar's label.
    */
-  "sl-pagination": DefineComponent<SlPaginationProps>;
+  "sl-progress-bar": DefineComponent<SlProgressBarProps>;
 
   /**
    * Progress rings are used to show the progress of a determinate operation in a circular fashion.
@@ -3128,27 +3149,6 @@ export type CustomElements = {
    */
   "sl-qr-code": DefineComponent<SlQrCodeProps>;
 
-  /**
-   * Progress bars are used to show the status of an ongoing operation.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - A label to show inside the progress indicator.
-   *
-   * ### **CSS Properties:**
-   *  - **--height** - The progress bar's height. _(default: undefined)_
-   * - **--track-color** - The color of the track. _(default: undefined)_
-   * - **--indicator-color** - The color of the indicator. _(default: undefined)_
-   * - **--label-color** - The color of the label. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **indicator** - The progress bar's indicator.
-   * - **label** - The progress bar's label.
-   */
-  "sl-progress-bar": DefineComponent<SlProgressBarProps>;
-
   /**
    * Radios allow the user to select a single option from a group.
    * ---
@@ -3332,6 +3332,20 @@ export type CustomElements = {
    */
   "sl-row": DefineComponent<SlRowProps>;
 
+  /**
+   * Screen is a grid layout component based on gridstack.js and Shoelace.
+   * ---
+   *
+   *
+   * ### **Methods:**
+   *  - **getGridData(): __** - 获取 GridStack 实例的序列化数据
+   * - **getInstance(): __** - 获取 GridStack 实例的序列化数据
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The grid layout content.
+   */
+  "sl-screen": DefineComponent<SlScreenProps>;
+
   /**
    * Selects allow you to choose items from a menu of predefined options.
    * ---
@@ -3389,20 +3403,6 @@ export type CustomElements = {
    */
   "sl-select": DefineComponent<SlSelectProps>;
 
-  /**
-   * Screen is a grid layout component based on gridstack.js and Shoelace.
-   * ---
-   *
-   *
-   * ### **Methods:**
-   *  - **getGridData(): __** - 获取 GridStack 实例的序列化数据
-   * - **getInstance(): __** - 获取 GridStack 实例的序列化数据
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The grid layout content.
-   */
-  "sl-screen": DefineComponent<SlScreenProps>;
-
   /**
    * Skeletons are used to provide a visual representation of where content will eventually be drawn.
    * ---
@@ -3569,6 +3569,35 @@ export type CustomElements = {
    */
   "sl-tab-panel": DefineComponent<SlTabPanelProps>;
 
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **change**
+   */
+  "sl-table": DefineComponent<SlTableProps>;
+
+  /**
+   * Tags are used as labels to organize things or to indicate a selection.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **sl-remove** - Emitted when the remove button is activated.
+   *
+   * ### **Slots:**
+   *  - _default_ - The tag's content.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **content** - The tag's content.
+   * - **remove-button** - The tag's remove button, an `<sl-icon-button>`.
+   * - **remove-button__base** - The remove button's exported `base` part.
+   */
+  "sl-tag": DefineComponent<SlTagProps>;
+
   /**
    * Textareas collect data from the user and allow multiple lines of text.
    * ---
@@ -3607,35 +3636,6 @@ export type CustomElements = {
    */
   "sl-textarea": DefineComponent<SlTextareaProps>;
 
-  /**
-   *
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **change**
-   */
-  "sl-table": DefineComponent<SlTableProps>;
-
-  /**
-   * Tags are used as labels to organize things or to indicate a selection.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **sl-remove** - Emitted when the remove button is activated.
-   *
-   * ### **Slots:**
-   *  - _default_ - The tag's content.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **content** - The tag's content.
-   * - **remove-button** - The tag's remove button, an `<sl-icon-button>`.
-   * - **remove-button__base** - The remove button's exported `base` part.
-   */
-  "sl-tag": DefineComponent<SlTagProps>;
-
   /**
    * Think is used to display an AI model's thinking process with expandable/collapsible content.
    * ---
@@ -3773,6 +3773,38 @@ export type CustomElements = {
    */
   "sl-timepicker": DefineComponent<SlTimepickerProps>;
 
+  /**
+   * Tooltips display additional information based on a specific action.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **sl-show** - Emitted when the tooltip begins to show.
+   * - **sl-after-show** - Emitted after the tooltip has shown and all animations are complete.
+   * - **sl-hide** - Emitted when the tooltip begins to hide.
+   * - **sl-after-hide** - Emitted after the tooltip has hidden and all animations are complete.
+   *
+   * ### **Methods:**
+   *  - **show()** - Shows the tooltip.
+   * - **hide()** - Hides the tooltip
+   *
+   * ### **Slots:**
+   *  - _default_ - The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.
+   * - **content** - The content to render in the tooltip. Alternatively, you can use the `content` attribute.
+   *
+   * ### **CSS Properties:**
+   *  - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_
+   * - **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_
+   * - **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper, an `<sl-popup>` element.
+   * - **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.
+   * - **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.
+   * - **body** - The tooltip's body where its content is rendered.
+   */
+  "sl-tooltip": DefineComponent<SlTooltipProps>;
+
   /**
    * Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.
    * ---
@@ -3843,38 +3875,6 @@ export type CustomElements = {
    */
   "sl-tree-item": DefineComponent<SlTreeItemProps>;
 
-  /**
-   * Tooltips display additional information based on a specific action.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **sl-show** - Emitted when the tooltip begins to show.
-   * - **sl-after-show** - Emitted after the tooltip has shown and all animations are complete.
-   * - **sl-hide** - Emitted when the tooltip begins to hide.
-   * - **sl-after-hide** - Emitted after the tooltip has hidden and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **show()** - Shows the tooltip.
-   * - **hide()** - Hides the tooltip
-   *
-   * ### **Slots:**
-   *  - _default_ - The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.
-   * - **content** - The content to render in the tooltip. Alternatively, you can use the `content` attribute.
-   *
-   * ### **CSS Properties:**
-   *  - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_
-   * - **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_
-   * - **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper, an `<sl-popup>` element.
-   * - **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.
-   * - **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.
-   * - **body** - The tooltip's body where its content is rendered.
-   */
-  "sl-tooltip": DefineComponent<SlTooltipProps>;
-
   /**
    * The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.
    * ---