u2ui 1.0.1 → 1.4.5

package/u2/projects.json

@@ -1,468 +1,758 @@
-{
-  "attr": {
-    "behavior": {
-      "name": "behavior",
-      "description": "behavior before action",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "confirm": {
-      "name": "confirm",
-      "description": "Confirm before action",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "draghandle": {
-      "name": "draghandle",
-      "description": "Define a drag handle-element for an element that uses the draggable attribute.",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "focusgroup": {
-      "name": "focusgroup",
-      "description": "Focus movement by arrow keys",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "href": {
-      "name": "href",
-      "description": "Every element can be a link",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "intersect": {
-      "name": "intersect",
-      "description": "declarativ intersection-observer",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "navigable": {
-      "name": "navigable",
-      "description": "Make elements navigatable",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "parallax": {
-      "name": "parallax",
-      "description": "Make every element scrolling at different speed",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "skin": {
-      "name": "skin",
-      "description": "Change the skin of a widget\r",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    }
-  },
-  "class": {
-    "badge": {
-      "name": "badge",
-      "description": "Rendering badges",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "card1": {
-      "name": "card1",
-      "description": "card-class (beta)\r",
-      "beta": true,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "flex": {
-      "name": "flex",
-      "description": "Most wanted flexbox case",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "grid": {
-      "name": "grid",
-      "description": "Most wanted grid case\r",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "input": {
-      "name": "input",
-      "description": "custom inputs (beta)",
-      "beta": true,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "reset": {
-      "name": "reset",
-      "description": "A class to reset Styles (beta)\r",
-      "beta": true,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "table": {
-      "name": "table",
-      "description": "Better tables",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "unstyle": {
-      "name": "unstyle",
-      "description": "Unstyle elements eg. buttons\r",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "width": {
-      "name": "width",
-      "description": "The main width of your layout\r",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    }
-  },
-  "el": {
-    "accordion": {
-      "name": "accordion",
-      "description": "rendering accordion",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "alert": {
-      "name": "alert",
-      "description": "Prominent hints, alerts, and facts",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "buttongroup": {
-      "name": "buttongroup",
-      "description": "buttongroup element\r",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "bytes": {
-      "name": "bytes",
-      "description": "Displays formatted bytess",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "carousel": {
-      "name": "carousel",
-      "description": "Simple carousel component",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "carousel-nav": {
-      "name": "carousel-nav",
-      "description": "null",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "code": {
-      "name": "code",
-      "description": "Highlighted, editable code-blocks.",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "copy": {
-      "name": "copy",
-      "description": "Displays formatted copys",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "counter": {
-      "name": "counter",
-      "description": "Animated Number Counter",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "ico": {
-      "name": "ico",
-      "description": "Universal icon-element",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "input": {
-      "name": "input",
-      "description": "Input elements (very beta)",
-      "beta": true,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "masonry": {
-      "name": "masonry",
-      "description": "Masonry layout with CSS grid fallback\r",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "number": {
-      "name": "number",
-      "description": "Displays formatted numbers",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "out": {
-      "name": "out",
-      "description": "Output variables (beta)",
-      "beta": true,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "parallax-bg": {
-      "name": "parallax-bg",
-      "description": "Parallax backgrounds",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "qrcode": {
-      "name": "qrcode",
-      "description": "QR-Code element",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "rating": {
-      "name": "rating",
-      "description": "\r",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "rte": {
-      "name": "rte",
-      "description": "\"Rich\" Rich Text Editor (alpha)",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "skeleton": {
-      "name": "skeleton",
-      "description": "Display a skeleton of the element. This is useful for showing the user where the element will be rendered before the actual content is loaded.",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "splitbutton": {
-      "name": "splitbutton",
-      "description": "Buttons with options",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "splitpanel": {
-      "name": "splitpanel",
-      "description": "A splitpanel is a container that can be split horizontally or vertically. It is a simple container that can be used to split the screen into two or more parts.",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "table": {
-      "name": "table",
-      "description": "Enhanced tables (sortable, responsive...)",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "tabs": {
-      "name": "tabs",
-      "description": "rendering tabs",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "textfit": {
-      "name": "textfit",
-      "description": "Exactly fit text",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "time": {
-      "name": "time",
-      "description": "The better time-element, e.g. live changing relative dates",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "tooltip": {
-      "name": "tooltip",
-      "description": "Tooltips",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "tree1": {
-      "name": "tree1",
-      "description": "Treeview component",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
-    "typewriter": {
-      "name": "typewriter",
-      "description": "Simple typewriter element",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    }
-  },
-  "css": {
-    "base": {
-      "name": "base",
-      "description": "⏚ Usefull css defaults",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "classes": {
-      "name": "classes",
-      "description": "deprecated",
-      "beta": false,
-      "deprecated": true,
-      "css": true,
-      "js": false
-    },
-    "classless": {
-      "name": "classless",
-      "description": "null",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    },
-    "norm": {
-      "name": "norm",
-      "description": "CSS normalization for crossbrowser compatibility",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": false
-    }
-  },
-  "js": {
-    "contextmenu": {
-      "name": "contextmenu",
-      "description": "context menus, simple and highly customisable",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "dialog": {
-      "name": "dialog",
-      "description": "alert, prompt, confirm but async",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "Placer": {
-      "name": "Placer",
-      "description": "Absolute place elements relative to others",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "PointerObserver": {
-      "name": "PointerObserver",
-      "description": "Observe mouse and touches",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "rte": {
-      "name": "rte",
-      "description": "Easily Make Elements Editable with Intuitive Controls",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "SelectorObserver": {
-      "name": "SelectorObserver",
-      "description": "Monitor elements by CSS selector",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    },
-    "shortcut": {
-      "name": "shortcut",
-      "description": "Easy keyboard shortcuts",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": true
-    }
-  }
+{
+  "attr": {
+    "lightbox": {
+      "name": "lightbox",
+      "description": "Link an image to a lightbox. `<a u2-lightbox=group1 src=\"image.jpg\">`",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "scrollspy": {
+      "name": "scrollspy",
+      "description": "Make a navigation that changes the `active` class based on the scroll position.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "skin": {
+      "name": "skin",
+      "description": "Scoped theme. `[u2-skin=myskin] { --color: red }` — derived tokens recalculate automatically. Sets `background-color: var(--color-bg)` and `color: var(--color-text)`.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "draghandle": {
+      "name": "draghandle",
+      "description": "Defines a handle element to drag a `draggable=false` container.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "navigable": {
+      "name": "navigable",
+      "description": "Turns dialogs, details, etc. into link-navigable elements with history support.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "store": {
+      "name": "store",
+      "description": "Persists form/input values using localStorage (form[id] / input[name] as keys)",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "behavior": {
+      "name": "behavior",
+      "description": "Assigns a predefined action to a button, e.g., behavior=\"share\" (beta)",
+      "beta": true,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "intersect": {
+      "name": "intersect",
+      "description": "declarativ intersection-observer",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "confirm": {
+      "name": "confirm",
+      "description": "Shows a confirmation dialog on clicks or before form submits and only proceeds if confirmed.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "movable": {
+      "name": "movable",
+      "description": "Make an element movable. Optionally define a [u2-movable-handler] element.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "disableif": {
+      "name": "disableif",
+      "description": "Disable form-elements (like inputs, buttons, fieldsets) based on a condition",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "dropzone": {
+      "name": "dropzone",
+      "description": "Dropzone for draggable elements. <div u2-dropzone=\":scope selektor\">",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "focusgroup": {
+      "name": "focusgroup",
+      "description": "Enables arrow-key navigation between focusable elements in a container.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "parallax": {
+      "name": "parallax",
+      "description": "Makes elements scroll at different speeds for a parallax effect.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "selectable": {
+      "name": "selectable",
+      "description": "Makes a container with selectable items. <div u2-selectable=\".selector\">",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "href": {
+      "name": "href",
+      "description": "Makes any element act as a link. `u2-href=\"url\"`",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    }
+  },
+  "class": {
+    "width": {
+      "name": "width",
+      "description": "The main width of your layout",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "unstyle": {
+      "name": "unstyle",
+      "description": "Unstyle elements e.g. buttons",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "card": {
+      "name": "card",
+      "description": "All children except img/video/hr have padding. Child with class=\"-body\" fills space, last element is pushed down. ",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "grid": {
+      "name": "grid",
+      "description": "Most wanted grid case",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "reset": {
+      "name": "reset",
+      "description": "A class to reset Styles (beta)",
+      "beta": true,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "table": {
+      "name": "table",
+      "description": "Better tables",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "badge": {
+      "name": "badge",
+      "description": "Rendering badges",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "flex": {
+      "name": "flex",
+      "description": "Most wanted flexbox case",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    }
+  },
+  "el": {
+    "tabs": {
+      "name": "tabs",
+      "description": "Turns HTML structures with headings into an interactive, tabbed interface, using the content between headings as each tab’s content.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "bytes": {
+      "name": "bytes",
+      "description": "Displays formatted bytes",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "responsive": {
+      "name": "responsive",
+      "description": "A Container, where you can define strategies, that are applied through CSS states. `<u2-responsive strategies=\"hideOptional\">`",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "out": {
+      "name": "out",
+      "description": "Output variables (beta)",
+      "beta": true,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "typewriter": {
+      "name": "typewriter",
+      "description": "Simple typewriter element",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "chart": {
+      "name": "chart",
+      "description": "Renders a chart from html like `<table>` or `<dl>` elements. `<u2-chart type=\"pie\"><table>...`",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "calendar": {
+      "name": "calendar",
+      "description": "Calendar / month view component, use `<u2-calendaritem>` as children",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "parallax-bg": {
+      "name": "parallax-bg",
+      "description": "Scroll-driven parallax background-layer with dynamic container sizing for full content visibility",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "pagination": {
+      "name": "pagination",
+      "description": "Page number navigation with customizable URL patterns",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "code": {
+      "name": "code",
+      "description": "Code-blocks. <u2-code editable trim><style|textarea|script>...",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "rte": {
+      "name": "rte",
+      "description": "\"Rich\" Rich Text Editor (alpha)",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "fields": {
+      "name": "fields",
+      "description": "Every content before a form element is considered as label",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "spot": {
+      "name": "spot",
+      "description": "Visual indicator tracking elements by selector",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "copy": {
+      "name": "copy",
+      "description": "Mirrors an element's content. `<u2-copy for=\"id\" sync></u2-copy>`",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "masonry": {
+      "name": "masonry",
+      "description": "Masonry layout with CSS grid fallback",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "time": {
+      "name": "time",
+      "description": "The better time-element, e.g. live changing relative dates",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "tooltip": {
+      "name": "tooltip",
+      "description": "Bind to target as child or via aria-labelledby",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "carousel": {
+      "name": "carousel",
+      "description": "Simple carousel component",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "breadcrumb": {
+      "name": "breadcrumb",
+      "description": "Breadcrumb from a list of links",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "system": {
+      "name": "system",
+      "description": "Manage U2 system: preferences, debug, optimization",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "number": {
+      "name": "number",
+      "description": "Displays formatted numbers",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "counter": {
+      "name": "counter",
+      "description": "Animated Number Counter",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "buttongroup": {
+      "name": "buttongroup",
+      "description": "A container for grouping buttons together; buttons that don’t have space will be moved into a dropdown menu.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "drawer": {
+      "name": "drawer",
+      "description": "(beta)",
+      "beta": true,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "splitpanel": {
+      "name": "splitpanel",
+      "description": "A container that can be split horizontally or vertically. Parts are resizable by dragging the dividers.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "qrcode": {
+      "name": "qrcode",
+      "description": "QR-Code element",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "skeleton": {
+      "name": "skeleton",
+      "description": "Display a skeleton of the element. This is useful for showing the user where the element will be rendered before the actual content is loaded.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "video": {
+      "name": "video",
+      "description": "Video-element with controls and keyboard shortcuts.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "maintitlebar": {
+      "name": "maintitlebar",
+      "description": "Replaces the native browser toolbar in Desktop PWAs.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "cookiebanner": {
+      "name": "cookiebanner",
+      "description": "Cookie banner for consent management.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "rating": {
+      "name": "rating",
+      "description": "Rating element, form associated",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "table": {
+      "name": "table",
+      "description": "Wrap Tables to make them enhanced tables (sortable, responsive...)",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "ico": {
+      "name": "ico",
+      "description": "Icon `<u2-ico icon=\"edit\" aria-label=\"edit\">🖉</u2-ico>` uses `html { --u2-ico-dir:'https://example.com/svg/{icon_name}.svg'`",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "input": {
+      "name": "input",
+      "description": "Input element, lot of types and options.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "alert": {
+      "name": "alert",
+      "description": "Prominent hints, alerts and facts. `<u2-alert open variant=info>...</u2-alert>`",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "textfit": {
+      "name": "textfit",
+      "description": "Exactly fit text",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "toc": {
+      "name": "toc",
+      "description": "Automatically generate a Navigation by using the headings of the document.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "carousel-nav": {
+      "name": "carousel-nav",
+      "description": "Carousel navigation element for u2-carousel. (beta)",
+      "beta": true,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "accordion": {
+      "name": "accordion",
+      "description": "Turns HTML structures with headings into an accordion, using the content between headings as each panel’s content.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "tree": {
+      "name": "tree",
+      "description": "Treeview component `<u2-tree>Folder <u2-tree>File</u2-tree> </u2-tree>`",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    },
+    "menubutton": {
+      "name": "menubutton",
+      "description": "Buttons with options",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": true
+    }
+  },
+  "css": {
+    "classless": {
+      "name": "classless",
+      "description": "Applies color vars and minimal styling to plain HTML — buttons, links, typography, background. No classes involved.",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "base": {
+      "name": "base",
+      "description": "Best practices and useful defaults",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "norm": {
+      "name": "norm",
+      "description": "Browser normalization CSS – nothing else!",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    },
+    "utils": {
+      "name": "utils",
+      "description": "planned",
+      "beta": false,
+      "deprecated": false,
+      "css": true,
+      "js": false
+    }
+  },
+  "js": {
+    "serviceWorker": {
+      "name": "serviceWorker",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "drag": {
+      "name": "drag",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "SelectorObserver": {
+      "name": "SelectorObserver",
+      "description": "Watches elements matching a selector",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "rte": {
+      "name": "rte",
+      "description": "Easily Make Elements Editable with Intuitive Controls",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "PointerObserver": {
+      "name": "PointerObserver",
+      "description": "Observe mouse and touches",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "loading": {
+      "name": "loading",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "Tour": {
+      "name": "Tour",
+      "description": "Simple guided tours for existing interfaces.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "Placer": {
+      "name": "Placer",
+      "description": "Positions elements relative to a target, auto-adjusting on move or resize.",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "dialog": {
+      "name": "dialog",
+      "description": "alert, prompt, confirm but async",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "navigator": {
+      "name": "navigator",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "shortcut": {
+      "name": "shortcut",
+      "description": "Easy keyboard shortcuts",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    },
+    "contextmenu": {
+      "name": "contextmenu",
+      "description": "context menus, simple and highly customisable",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": true
+    }
+  },
+  "theme": {
+    "elegance": {
+      "name": "elegance",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "tech": {
+      "name": "tech",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "test": {
+      "name": "test",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "minimalism": {
+      "name": "minimalism",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "retro": {
+      "name": "retro",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "brutalist": {
+      "name": "brutalist",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "pastell": {
+      "name": "pastell",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "tmp": {
+      "name": "tmp",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "luxury": {
+      "name": "luxury",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "natur": {
+      "name": "natur",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "pop": {
+      "name": "pop",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    },
+    "soft": {
+      "name": "soft",
+      "description": "",
+      "beta": false,
+      "deprecated": false,
+      "css": false,
+      "js": false
+    }
+  }
 }