@twentyfirstmedia/elements 0.2.0 → 0.3.0

package/dist/vscode.html-custom-data.json

@@ -40,6 +40,14 @@
         {
           "name": "motion",
           "description": "Motion level for everything inside (sets `data-motion`): `\"standard\"` (default), `\"expressive\"` for orchestrated page entrances, or `\"off\"`, e.g. for a setting in your app. The reader's reduced-motion setting always turns motion off. (Motion)"
+        },
+        {
+          "name": "locale",
+          "description": "BCP 47 locale for the numbers, money, percentages and dates components show (`\"de-DE\"`). Default `\"en-US\"`; a nested provider keeps its parent's locale unless it sets its own. (string)"
+        },
+        {
+          "name": "messages",
+          "description": "Your own text for any built-in string: accessible names, button texts, placeholders, status words (`{ close: \"Schließen\", selectedCount: (n) => \\`${n} ausgewählt\\` }`). Partial: what you leave out stays English (or what an outer provider set). Props such as `title` or `label` on a component still win. See `DEFAULT_STRINGS` for every key. (UIMessages)"
         }
       ],
       "references": [
@@ -3119,6 +3127,11 @@
         {
           "name": "cta",
           "description": "(string)"
+        },
+        {
+          "name": "disabled",
+          "description": "Disable the button, e.g. while a checkout starts or when the plan cannot be picked. (boolean)",
+          "valueSet": "v"
         }
       ],
       "references": [
@@ -4306,7 +4319,7 @@
       "attributes": [
         {
           "name": "type",
-          "description": "(string)"
+          "description": "Input type (`\"text\"` by default): `\"email\"`, `\"number\"`, `\"tel\"`, `\"url\"`, `\"password\"` … (string)"
         },
         {
           "name": "icon",
@@ -4333,10 +4346,74 @@
           "description": "(boolean)",
           "valueSet": "v"
         },
+        {
+          "name": "read-only",
+          "description": "(boolean)",
+          "valueSet": "v"
+        },
         {
           "name": "auto-complete",
           "description": "(string)"
         },
+        {
+          "name": "auto-focus",
+          "description": "(boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "min",
+          "description": "Smallest value for `type=\"number\"`, `\"date\"` and the like (native `min`). (number | string)"
+        },
+        {
+          "name": "max",
+          "description": "Largest value (native `max`). (number | string)"
+        },
+        {
+          "name": "step",
+          "description": "Step between valid values (native `step`), e.g. `1` for whole numbers or `\"any\"`. (number | string)"
+        },
+        {
+          "name": "min-length",
+          "description": "Fewest characters (native `minlength`). (number)"
+        },
+        {
+          "name": "max-length",
+          "description": "Most characters (native `maxlength`). (number)"
+        },
+        {
+          "name": "pattern",
+          "description": "Pattern the value must match (native `pattern`). (string)"
+        },
+        {
+          "name": "input-mode",
+          "description": "Virtual keyboard on touch devices (native `inputmode`), e.g. `\"numeric\"` or `\"decimal\"`. (\"none\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | \"search\")",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "text"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "url"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "numeric"
+            },
+            {
+              "name": "decimal"
+            },
+            {
+              "name": "search"
+            }
+          ]
+        },
         {
           "name": "name",
           "description": "Field name inside a `Form`: the field shows that name's validation message. (string)"
@@ -4765,11 +4842,16 @@
     },
     {
       "name": "tf-file-drop",
-      "description": "Dashed drop zone plus an upload list with progress.",
+      "description": "Dashed drop zone plus an upload list.",
       "attributes": [
         {
           "name": "files",
-          "description": "(UploadFile[])"
+          "description": "The listed files (controlled); set `progress` per file to show real upload progress. (UploadFile[])"
+        },
+        {
+          "name": "simulate-progress",
+          "description": "Animate made-up progress for added files, as a demo of the look. Default: on without `onFiles` (as before), off with it. (boolean)",
+          "valueSet": "v"
         },
         {
           "name": "title",
@@ -4781,7 +4863,7 @@
         },
         {
           "name": "accept",
-          "description": "(string)"
+          "description": "Accepted types, as for `<input type=\"file\">` (\"image/*,.pdf\"); also checked on drop. (string)"
         },
         {
           "name": "multiple",
@@ -4851,13 +4933,16 @@
         },
         {
           "name": "type",
-          "description": "(\"button\" | \"submit\")",
+          "description": "(\"button\" | \"submit\" | \"reset\")",
           "values": [
             {
               "name": "button"
             },
             {
               "name": "submit"
+            },
+            {
+              "name": "reset"
             }
           ]
         },
@@ -4865,6 +4950,63 @@
           "name": "as-child",
           "description": "Render the single child element (a link, a router Link) with the button's look instead of a <button>. (boolean)",
           "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "Form field name and value, sent with the form when this button submits it. (string)"
+        },
+        {
+          "name": "value",
+          "description": "(string)"
+        },
+        {
+          "name": "form",
+          "description": "The id of the form this button belongs to, when it sits outside it. (string)"
+        },
+        {
+          "name": "title",
+          "description": "(string)"
+        },
+        {
+          "name": "tab-index",
+          "description": "(number)"
+        },
+        {
+          "name": "auto-focus",
+          "description": "(boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "aria-label",
+          "description": "(string)"
+        },
+        {
+          "name": "aria-labelledby",
+          "description": "(string)"
+        },
+        {
+          "name": "aria-describedby",
+          "description": "(string)"
+        },
+        {
+          "name": "aria-expanded",
+          "description": "For disclosure and menu triggers: whether what the button controls is open. (boolean | \"true\" | \"false\")"
+        },
+        {
+          "name": "aria-controls",
+          "description": "(string)"
+        },
+        {
+          "name": "aria-haspopup",
+          "description": "(boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\")"
+        },
+        {
+          "name": "aria-pressed",
+          "description": "For toggle buttons. (boolean | \"true\" | \"false\" | \"mixed\")"
+        },
+        {
+          "name": "aria-current",
+          "description": "(boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\")"
         }
       ],
       "references": [
@@ -4884,7 +5026,7 @@
         },
         {
           "name": "label",
-          "description": "(string)"
+          "description": "Accessible name and tooltip (`aria-label` and `title`); `aria-label` or `title` override them. (string)"
         },
         {
           "name": "variant",
@@ -4919,6 +5061,21 @@
             }
           ]
         },
+        {
+          "name": "type",
+          "description": "(\"button\" | \"submit\" | \"reset\")",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "submit"
+            },
+            {
+              "name": "reset"
+            }
+          ]
+        },
         {
           "name": "disabled",
           "description": "(boolean)",
@@ -4928,6 +5085,63 @@
           "name": "as-child",
           "description": "Render the single child element (a link) with the button's look; the icon is placed inside it. (boolean)",
           "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "Form field name and value, sent with the form when this button submits it. (string)"
+        },
+        {
+          "name": "value",
+          "description": "(string)"
+        },
+        {
+          "name": "form",
+          "description": "The id of the form this button belongs to, when it sits outside it. (string)"
+        },
+        {
+          "name": "title",
+          "description": "(string)"
+        },
+        {
+          "name": "tab-index",
+          "description": "(number)"
+        },
+        {
+          "name": "auto-focus",
+          "description": "(boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "aria-label",
+          "description": "(string)"
+        },
+        {
+          "name": "aria-labelledby",
+          "description": "(string)"
+        },
+        {
+          "name": "aria-describedby",
+          "description": "(string)"
+        },
+        {
+          "name": "aria-expanded",
+          "description": "For disclosure and menu triggers: whether what the button controls is open. (boolean | \"true\" | \"false\")"
+        },
+        {
+          "name": "aria-controls",
+          "description": "(string)"
+        },
+        {
+          "name": "aria-haspopup",
+          "description": "(boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\")"
+        },
+        {
+          "name": "aria-pressed",
+          "description": "For toggle buttons. (boolean | \"true\" | \"false\" | \"mixed\")"
+        },
+        {
+          "name": "aria-current",
+          "description": "(boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\")"
         }
       ],
       "references": [
@@ -5229,6 +5443,10 @@
           "name": "placeholder",
           "description": "(string)"
         },
+        {
+          "name": "label",
+          "description": "Accessible name (default: the placeholder, or \"Search\"). (string)"
+        },
         {
           "name": "shortcut",
           "description": "(string)"
@@ -5592,6 +5810,22 @@
           "name": "items",
           "description": "(GalleryItem[])"
         },
+        {
+          "name": "loading",
+          "description": "Loading of the main image: `\"lazy\"` (default) waits until the gallery is near the viewport; use `\"eager\"` for a gallery at the top of the page. Thumbnails always load lazily. (\"lazy\" | \"eager\")",
+          "values": [
+            {
+              "name": "lazy"
+            },
+            {
+              "name": "eager"
+            }
+          ]
+        },
+        {
+          "name": "referrer-policy",
+          "description": "`referrerPolicy` of every image, e.g. `\"no-referrer\"` for photos from other hosts. (ImageReferrerPolicy)"
+        },
         {
           "name": "start",
           "description": "(number)"
@@ -5649,6 +5883,26 @@
         {
           "name": "after-label",
           "description": "(string)"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name of the slider (default \"Compare before and after\"). (string)"
+        },
+        {
+          "name": "loading",
+          "description": "Loading of both images (default `\"lazy\"`). (\"lazy\" | \"eager\")",
+          "values": [
+            {
+              "name": "lazy"
+            },
+            {
+              "name": "eager"
+            }
+          ]
+        },
+        {
+          "name": "referrer-policy",
+          "description": "`referrerPolicy` of both images. (ImageReferrerPolicy)"
         }
       ],
       "references": [
@@ -5717,11 +5971,15 @@
       "attributes": [
         {
           "name": "total",
-          "description": "(number)"
+          "description": "Number of pages. (number)"
         },
         {
           "name": "page",
-          "description": "(number)"
+          "description": "The current page (1-based). Controlled together with `onChange`; without `onChange` it is only the start page, as in earlier versions (prefer `defaultPage` for that). (number)"
+        },
+        {
+          "name": "default-page",
+          "description": "Start page when uncontrolled (default 1). (number)"
         }
       ],
       "references": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twentyfirstmedia/elements",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Every Twentyfirst UI component as a custom element: <tf-button>, <tf-data-table> … for plain HTML, Vue, Svelte, Angular, Astro and server templates.",
   "license": "MIT",
   "author": "Twentyfirst Media (https://twentyfirst.media)",
@@ -54,7 +54,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@twentyfirstmedia/ui-core": "0.2.0",
+    "@twentyfirstmedia/ui-core": "0.3.0",
     "@types/node": "26.6.6",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",