MANIFEST: readonly [
{ name: "accordion"; selector: "[data-hl-accordion]" },
{ name: "tabs"; selector: "[data-hl-tabs]" },
{ name: "disclosure"; selector: "details[data-hl-disclosure]" },
{ name: "modal"; selector: "dialog[data-hl-modal]" },
{ name: "drawer"; selector: "dialog[data-hl-drawer]" },
{ name: "popover"; selector: "[popover], [data-hl-popover]" },
{ name: "tooltip"; selector: "[data-hl-tooltip]" },
{ name: "dropdown"; selector: "[data-hl-dropdown]" },
{ name: "menu"; selector: "[data-hl-menu]" },
{ name: "combobox"; selector: "[data-hl-combobox]" },
{ name: "command"; selector: "[data-hl-command]" },
{ name: "toc"; selector: "[data-hl-toc]" },
{
name: "toast";
selector: "[data-hl-toast-region], [data-hl-toast-trigger]";
},
] = ...
The components that ship a JS enhancer, paired with the selector that signals each one's presence in the DOM. The auto-loader is generated from this list.