bank20baht-ui 0.0.1

package/dist/web-types.json

@@ -0,0 +1,1226 @@
+{
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+  "name": "bank20baht-ui",
+  "version": "0.0.1",
+  "description-markup": "markdown",
+  "contributions": {
+    "html": {
+      "elements": [
+        {
+          "name": "baht-form",
+          "description": "<baht-form> — dumb controlled form renderer (spec 01).\nJSON in (form + value + registry) -> UI out; emits `baht-change` / `baht-validity`.\nNo buttons, no cross-field logic — that's <baht-workflow> or the host.\n---\n\n\n### **Events:**\n - **baht-validity**\n- **baht-change**",
+          "doc-url": "",
+          "attributes": [],
+          "events": [
+            { "name": "baht-validity", "type": "CustomEvent" },
+            { "name": "baht-change", "type": "CustomEvent" }
+          ],
+          "js": {
+            "properties": [
+              { "name": "form", "type": "FormDefinition" },
+              { "name": "value", "type": "Record<string, unknown>" },
+              { "name": "registry", "type": "Registry" },
+              { "name": "options", "type": "BahtFormOptions" },
+              {
+                "name": "fieldStates",
+                "description": "L2 (workflow) derived per-field UI state, keyed by field key. Optional.",
+                "type": "Record<string, DerivedFieldState>"
+              }
+            ],
+            "events": [
+              { "name": "baht-validity", "type": "CustomEvent" },
+              { "name": "baht-change", "type": "CustomEvent" }
+            ]
+          }
+        },
+        {
+          "name": "baht-workflow",
+          "description": "<baht-workflow> — the optional brain (spec 03). Wraps the current form in an\ninternal <baht-form>, evaluates rules on every change, walks the visible forms\nin linear `order`, and owns the single Next/Submit button.\nForms with kind 'approval' render a decision step instead (spec 03 §4):\na summary of earlier answers plus Approve/Reject (+ optional comment); the\ndecision lands in data as `<formName>.decision` so rules can branch on it.\nThe runtime navigates; the host acts (on baht-next / baht-submit / baht-approve /\nbaht-reject / baht-complete).\n---\n\n\n### **Events:**\n - **type**\n\n### **Methods:**\n - **approve(): _void_** - Approve the current approval step (same as pressing its Approve button).\n- **reject(): _void_** - Reject the current approval step (same as pressing its Reject button).",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "validate-gate",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "next-label",
+              "value": { "type": "string", "default": "'Next'" }
+            },
+            {
+              "name": "submit-label",
+              "value": { "type": "string", "default": "'Submit'" }
+            },
+            {
+              "name": "back-label",
+              "value": { "type": "string", "default": "'Back'" }
+            },
+            {
+              "name": "show-back",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "events": [{ "name": "type", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "workflow", "type": "WorkflowDefinition" },
+              { "name": "value", "type": "NestedData" },
+              { "name": "registry", "type": "Registry" },
+              { "name": "validateGate", "type": "boolean" },
+              { "name": "nextLabel", "type": "string" },
+              { "name": "submitLabel", "type": "string" },
+              { "name": "backLabel", "type": "string" },
+              { "name": "showBack", "type": "boolean" },
+              { "name": "currentFormName", "type": "string | null" }
+            ],
+            "events": [{ "name": "type", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-accordion",
+          "description": "Accordion. `items` drive the panels; `multiple` allows several open at once.\nEmits `baht-toggle { index, open }`.\n\n  el.items = [\n    { title: 'What is a workflow?', content: 'Workflows run when something happens…' },\n    { title: 'Pricing', content: '฿20 / month.', open: true },\n  ];\n---\n\n\n### **Events:**\n - **baht-toggle**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "multiple",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-toggle", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "items", "type": "AccordionItem[]" },
+              { "name": "multiple", "type": "boolean" }
+            ],
+            "events": [{ "name": "baht-toggle", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-alert",
+          "description": "Inline alert / callout.\n\n  <baht-alert tone=\"danger\" heading=\"Couldn't reach the webhook\"\n            message=\"Check the URL and try again.\" dismissible></baht-alert>\n---\n\n\n### **Events:**\n - **baht-dismiss**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "tone",
+              "value": {
+                "type": "'info' | 'success' | 'warning' | 'danger'",
+                "default": "'info'"
+              }
+            },
+            {
+              "name": "heading",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "message",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "dismissible",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hidden",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-dismiss", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              {
+                "name": "tone",
+                "type": "'info' | 'success' | 'warning' | 'danger'"
+              },
+              { "name": "heading", "type": "string" },
+              { "name": "message", "type": "string" },
+              { "name": "dismissible", "type": "boolean" },
+              { "name": "hidden", "type": "boolean" }
+            ],
+            "events": [{ "name": "baht-dismiss", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-badge",
+          "description": "Status pill / tag / counter (20baht badges).\nStatus tones (neutral/success/danger/warning/info) show a colored dot;\ntag tones (outline/solid/gold/inverse/mono) don't.\n\n  <baht-badge tone=\"success\" label=\"Running\"></baht-badge>\n  <baht-badge tone=\"mono\" label=\"฿20 / mo\"></baht-badge>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "tone",
+              "value": { "type": "BadgeTone", "default": "'neutral'" }
+            },
+            { "name": "label", "value": { "type": "string", "default": "''" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "tone", "type": "BadgeTone" },
+              { "name": "label", "type": "string" },
+              {
+                "name": "dot",
+                "description": "Force the dot on/off; defaults to on for status tones.",
+                "type": "boolean | null"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-breadcrumbs",
+          "description": "Breadcrumb trail. Last item renders as the current page (no link). Items\nwithout `href` emit `baht-navigate { item, index }` for router-driven apps.\n\n  el.items = [\n    { label: 'Workflows', href: '/workflows' },\n    { label: 'Signup', href: '/workflows/signup' },\n    { label: 'Run #812' },\n  ];\n---\n\n\n### **Events:**\n - **baht-navigate**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "separator",
+              "value": { "type": "string", "default": "'›'" }
+            }
+          ],
+          "events": [{ "name": "baht-navigate", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "items", "type": "Crumb[]" },
+              { "name": "separator", "type": "string" }
+            ],
+            "events": [{ "name": "baht-navigate", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-button",
+          "description": "Design-system button (20baht: no scale, no shadow change — color does the work).\nStandalone primitive: children become the label, listen for the native `click`.\n(Light DOM has no <slot>, so the initial children are moved into the button.)\n\n  <baht-button variant=\"danger\" size=\"sm\">Delete</baht-button>\n  <baht-button label=\"Save workflow\"></baht-button>\n  <baht-button icon=\"copy\" variant=\"ghost\" size=\"sm\">Copy</baht-button>\n  <baht-button icon=\"close\" icon-only label=\"Close\"></baht-button>  <!-- label = a11y name -->\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "value": { "type": "ButtonVariant", "default": "'primary'" }
+            },
+            {
+              "name": "size",
+              "value": { "type": "ButtonSize", "default": "'md'" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "description": "Forwarded to the native button — 'button' (default) or 'submit'.",
+              "value": { "type": "'button' | 'submit'", "default": "'button'" }
+            },
+            {
+              "name": "label",
+              "description": "Alternative to children for setting the label programmatically.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "icon",
+              "description": "Optional leading icon from the curated set (copy/check/download/…).",
+              "value": { "type": "IconName | ''", "default": "''" }
+            },
+            {
+              "name": "icon-only",
+              "description": "Square icon-only button. Requires `label` for the accessible name.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "variant", "type": "ButtonVariant" },
+              { "name": "size", "type": "ButtonSize" },
+              { "name": "disabled", "type": "boolean" },
+              {
+                "name": "type",
+                "description": "Forwarded to the native button — 'button' (default) or 'submit'.",
+                "type": "'button' | 'submit'"
+              },
+              {
+                "name": "label",
+                "description": "Alternative to children for setting the label programmatically.",
+                "type": "string"
+              },
+              {
+                "name": "icon",
+                "description": "Optional leading icon from the curated set (copy/check/download/…).",
+                "type": "IconName | ''"
+              },
+              {
+                "name": "iconOnly",
+                "description": "Square icon-only button. Requires `label` for the accessible name.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-card",
+          "description": "Surface card (20baht: white on cream, 1px border, no shadow at rest — the\nborder carries the separation). Children become the body.\n\n  <baht-card heading=\"Runs\" subtitle=\"Last 30 days\">…content…</baht-card>\n  <baht-card hero>…large feature card (20px radius)…</baht-card>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "heading",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "subtitle",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "hero",
+              "description": "hero = 20px radius + roomier padding (large/feature cards).",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "heading", "type": "string" },
+              { "name": "subtitle", "type": "string" },
+              {
+                "name": "hero",
+                "description": "hero = 20px radius + roomier padding (large/feature cards).",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-checkbox",
+          "description": "\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n \n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-code",
+          "description": "Monospace code (20baht): an inline chip or a block. Content is the light-DOM\nchildren (or the `code` property). Not a syntax highlighter — just the\ndesign-system's canonical way to show code/identifiers/tokens.\n\n  <baht-code>baht-button</baht-code>\n  <baht-code variant=\"block\">npm i bank20baht-ui</baht-code>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "value": { "type": "CodeVariant", "default": "'inline'" }
+            },
+            {
+              "name": "code",
+              "description": "Alternative to children for setting the code text programmatically.",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "variant", "type": "CodeVariant" },
+              {
+                "name": "code",
+                "description": "Alternative to children for setting the code text programmatically.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-datepicker",
+          "description": "Value = ISO date string (yyyy-mm-dd).\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-fieldset",
+          "description": "Semantic group wrapper (native <fieldset>/<legend>). Children become the\ncontent — typically a set of baht-* fields.\n\n  <baht-fieldset legend=\"Billing\">\n    <baht-input>…</baht-input>\n  </baht-fieldset>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "legend",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "legend", "type": "string" },
+              { "name": "disabled", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-file",
+          "description": "Capture only (spec 01 §2): value = File handle(s); the lib never uploads.\nmaxSize (bytes) is enforced here as a soft filter — oversize files rejected.\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-filter",
+          "description": "Filter chip group. Controlled: emits `baht-change { selected }` (array of\noption keys), host re-feeds `selected`. Typical use: above an <baht-table>,\nthe handler refetches page 1 with the new filters.\n\n  const f = document.querySelector('baht-filter');\n  f.options = [{ key: 'running', label: 'Running' }, { key: 'failed', label: 'Failed' }];\n  f.selected = ['running'];\n  f.addEventListener('baht-change', (e) => refetch({ status: e.detail.selected }));\n---\n\n\n### **Events:**\n - **baht-change**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "multiple",
+              "description": "false = radio behavior (max one active; clicking it again clears).",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "Accessible name for the chip group.",
+              "value": { "type": "string", "default": "'Filters'" }
+            }
+          ],
+          "events": [{ "name": "baht-change", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "options", "type": "FieldOption[]" },
+              { "name": "selected", "type": "string[]" },
+              {
+                "name": "multiple",
+                "description": "false = radio behavior (max one active; clicking it again clears).",
+                "type": "boolean"
+              },
+              { "name": "disabled", "type": "boolean" },
+              {
+                "name": "label",
+                "description": "Accessible name for the chip group.",
+                "type": "string"
+              }
+            ],
+            "events": [{ "name": "baht-change", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-input",
+          "description": "text + email share one control; email differs only in input type + validator.\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-link",
+          "description": "Styled anchor (20baht underline treatment). `external` opens a new tab and\nshows the ↗ mark.\n\n  <baht-link href=\"/docs\" label=\"Read the docs\"></baht-link>\n  <baht-link href=\"https://…\" label=\"Status page\" external></baht-link>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "href", "value": { "type": "string", "default": "''" } },
+            { "name": "label", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "external",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "external-hint",
+              "description": "Screen-reader suffix for external links (override to localize).",
+              "value": { "type": "string", "default": "'opens in new tab'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "href", "type": "string" },
+              { "name": "label", "type": "string" },
+              { "name": "external", "type": "boolean" },
+              {
+                "name": "externalHint",
+                "description": "Screen-reader suffix for external links (override to localize).",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-list",
+          "description": "Display list — same server-side contract as <baht-table>: `items` is the\ncurrent page, `loading` shows skeleton rows, the host fetches on\n`baht-page-change` (pair with <baht-pagination>).\n---\n\n\n### **Events:**\n - **baht-item-click**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "loading",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "error",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "error-message",
+              "value": {
+                "type": "string",
+                "default": "\"Couldn't load data. Try again.\""
+              }
+            },
+            {
+              "name": "empty-message",
+              "value": { "type": "string", "default": "'Nothing here yet.'" }
+            },
+            {
+              "name": "skeleton-rows",
+              "value": { "type": "number", "default": "5" }
+            },
+            {
+              "name": "clickable",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "events": [{ "name": "baht-item-click", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "items", "type": "ListItem[]" },
+              { "name": "loading", "type": "boolean" },
+              { "name": "error", "type": "boolean" },
+              { "name": "errorMessage", "type": "string" },
+              { "name": "emptyMessage", "type": "string" },
+              { "name": "skeletonRows", "type": "number" },
+              { "name": "clickable", "type": "boolean" }
+            ],
+            "events": [{ "name": "baht-item-click", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-modal",
+          "description": "Modal dialog (20baht: 0.4 ink scrim, no blur; float shadow; 20px radius).\nControlled: the host flips `open`. Children become the body.\n\n  <baht-modal heading=\"Delete this workflow?\">\n    <p>Steps and run history will be removed.</p>\n  </baht-modal>\n  modal.open = true;\n  modal.addEventListener('baht-close', (e) => (modal.open = false));\n---\n\n\n### **Events:**\n - **baht-close**\n\n### **Methods:**\n - **requestClose(reason: _'escape' | 'scrim' | 'button'_): _void_** - Ask the host to close (the host owns `open`).",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "open",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "heading",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "show-close",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "close-on-scrim",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "events": [{ "name": "baht-close", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "open", "type": "boolean" },
+              { "name": "heading", "type": "string" },
+              { "name": "showClose", "type": "boolean" },
+              { "name": "closeOnScrim", "type": "boolean" }
+            ],
+            "events": [{ "name": "baht-close", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-multiselect",
+          "description": "Multi-pick rendered as a checkbox group; value = array of option keys.\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-number",
+          "description": "\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-otp",
+          "description": "One-time-code input: N boxes, auto-advance, backspace steps back, paste\ndistributes. Emits `baht-change { value }` per edit and `baht-complete { value }`\nwhen every box is filled.\n\n  <baht-otp length=\"6\"></baht-otp>\n---\n\n\n### **Events:**\n - **baht-change**\n- **baht-complete**",
+          "doc-url": "",
+          "attributes": [
+            { "name": "length", "value": { "type": "number", "default": "6" } },
+            { "name": "value", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "mode",
+              "description": "'numeric' restricts to digits; 'text' allows anything.",
+              "value": { "type": "'numeric' | 'text'", "default": "'numeric'" }
+            },
+            {
+              "name": "label",
+              "description": "Accessible name for the group of boxes.",
+              "value": { "type": "string", "default": "'One-time code'" }
+            }
+          ],
+          "events": [
+            { "name": "baht-change", "type": "CustomEvent" },
+            { "name": "baht-complete", "type": "CustomEvent" }
+          ],
+          "js": {
+            "properties": [
+              { "name": "length", "type": "number" },
+              { "name": "value", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              {
+                "name": "mode",
+                "description": "'numeric' restricts to digits; 'text' allows anything.",
+                "type": "'numeric' | 'text'"
+              },
+              {
+                "name": "label",
+                "description": "Accessible name for the group of boxes.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              { "name": "baht-change", "type": "CustomEvent" },
+              { "name": "baht-complete", "type": "CustomEvent" }
+            ]
+          }
+        },
+        {
+          "name": "baht-pagination",
+          "description": "Server-side pagination control: it never slices data — it only reports the\npage the user asked for via `baht-page-change`; the host fetches that page.\n\n  <baht-pagination page=\"4\" total-pages=\"20\"></baht-pagination>\n  <baht-pagination variant=\"compact\" page=\"1\" total-pages=\"3\"></baht-pagination>\n---\n\n\n### **Events:**\n - **baht-page-change**",
+          "doc-url": "",
+          "attributes": [
+            { "name": "page", "value": { "type": "number", "default": "1" } },
+            {
+              "name": "total-pages",
+              "value": { "type": "number", "default": "1" }
+            },
+            {
+              "name": "variant",
+              "description": "'numbered' = 1 … 4 5 6 … 20 · 'compact' = « Page 4 of 20 »",
+              "value": {
+                "type": "'numbered' | 'compact'",
+                "default": "'numbered'"
+              }
+            },
+            {
+              "name": "siblings",
+              "description": "Numbered pages shown on each side of the current page.",
+              "value": { "type": "number", "default": "1" }
+            }
+          ],
+          "events": [{ "name": "baht-page-change", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "page", "type": "number" },
+              { "name": "totalPages", "type": "number" },
+              {
+                "name": "variant",
+                "description": "'numbered' = 1 … 4 5 6 … 20 · 'compact' = « Page 4 of 20 »",
+                "type": "'numbered' | 'compact'"
+              },
+              {
+                "name": "siblings",
+                "description": "Numbered pages shown on each side of the current page.",
+                "type": "number"
+              }
+            ],
+            "events": [{ "name": "baht-page-change", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-progress",
+          "description": "Progress bar. `value` 0–100; omit (null) for indeterminate.\n\n  <baht-progress value=\"65\" show-label></baht-progress>\n  <baht-progress></baht-progress>                          <!-- indeterminate -->\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "value": { "type": "number | null", "default": "null" }
+            },
+            {
+              "name": "tone",
+              "value": {
+                "type": "'primary' | 'success' | 'warning' | 'danger'",
+                "default": "'primary'"
+              }
+            },
+            {
+              "name": "show-label",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "Accessible name for the progressbar.",
+              "value": { "type": "string", "default": "'Progress'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "value", "type": "number | null" },
+              {
+                "name": "tone",
+                "type": "'primary' | 'success' | 'warning' | 'danger'"
+              },
+              { "name": "showLabel", "type": "boolean" },
+              {
+                "name": "label",
+                "description": "Accessible name for the progressbar.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-radio",
+          "description": "\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-range",
+          "description": "Range slider. Controlled: emits `baht-change { value }` (a number) on input.\n\n  <baht-range min=\"0\" max=\"100\" step=\"5\" value=\"40\" label=\"Retry limit\"></baht-range>\n---\n\n\n### **Events:**\n - **baht-change**",
+          "doc-url": "",
+          "attributes": [
+            { "name": "value", "value": { "type": "number", "default": "0" } },
+            { "name": "min", "value": { "type": "number", "default": "0" } },
+            { "name": "max", "value": { "type": "number", "default": "100" } },
+            { "name": "step", "value": { "type": "number", "default": "1" } },
+            { "name": "label", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "show-value",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "events": [{ "name": "baht-change", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "value", "type": "number" },
+              { "name": "min", "type": "number" },
+              { "name": "max", "type": "number" },
+              { "name": "step", "type": "number" },
+              { "name": "label", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "showValue", "type": "boolean" }
+            ],
+            "events": [{ "name": "baht-change", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-rating",
+          "description": "Star rating. Controlled: emits `baht-change { value }`, host re-feeds `value`.\n\n  <baht-rating value=\"3\" max=\"5\"></baht-rating>\n  <baht-rating value=\"4\" readonly></baht-rating>\n---\n\n\n### **Events:**\n - **baht-change**",
+          "doc-url": "",
+          "attributes": [
+            { "name": "value", "value": { "type": "number", "default": "0" } },
+            { "name": "max", "value": { "type": "number", "default": "5" } },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "Accessible name for the radiogroup.",
+              "value": { "type": "string", "default": "'Rating'" }
+            }
+          ],
+          "events": [{ "name": "baht-change", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "value", "type": "number" },
+              { "name": "max", "type": "number" },
+              { "name": "readonly", "type": "boolean" },
+              {
+                "name": "label",
+                "description": "Accessible name for the radiogroup.",
+                "type": "string"
+              }
+            ],
+            "events": [{ "name": "baht-change", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-select",
+          "description": "\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-skeleton",
+          "description": "Loading placeholder (opacity pulse — the 20baht system bans gradients in\ncore UI, so no shimmer).\n\n  <baht-skeleton variant=\"text\" width=\"60%\"></baht-skeleton>\n  <baht-skeleton variant=\"circle\" width=\"40px\" height=\"40px\"></baht-skeleton>\n  <baht-skeleton height=\"120px\"></baht-skeleton>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "value": {
+                "type": "'rect' | 'text' | 'circle'",
+                "default": "'rect'"
+              }
+            },
+            {
+              "name": "width",
+              "value": { "type": "string", "default": "'100%'" }
+            },
+            { "name": "height", "value": { "type": "string", "default": "''" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "variant", "type": "'rect' | 'text' | 'circle'" },
+              { "name": "width", "type": "string" },
+              { "name": "height", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-spinner",
+          "description": "Loading spinner — the single animated icon the 20baht system allows.\n\n  <baht-spinner></baht-spinner>\n  <baht-spinner size=\"lg\"></baht-spinner>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "value": { "type": "'sm' | 'md' | 'lg'", "default": "'md'" }
+            },
+            {
+              "name": "label",
+              "value": { "type": "string", "default": "'Loading'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "size", "type": "'sm' | 'md' | 'lg'" },
+              { "name": "label", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-table",
+          "description": "Server-side data table. `items` is ONE page of rows — the component never\nslices or fetches; on `baht-page-change` the host fetches the next page and\nre-feeds `items`/`page`. While that fetch runs, set `loading` to show\nskeleton rows.\n\n  const t = document.querySelector('baht-table');\n  t.columns = { name: 'Name', created_at: 'Created' };\n  t.items = pageRows;                 // current page only\n  t.loading = false; t.page = 1; t.totalPages = 12;\n  t.addEventListener('baht-page-change', (e) => fetchPage(e.detail.page));\n  t.addEventListener('baht-row-click', (e) => open(e.detail.id));\n---\n\n\n### **Events:**\n - **baht-row-click**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "loading",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "error",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "error-message",
+              "value": {
+                "type": "string",
+                "default": "\"Couldn't load data. Try again.\""
+              }
+            },
+            {
+              "name": "empty-message",
+              "value": { "type": "string", "default": "'No records yet.'" }
+            },
+            {
+              "name": "show-index",
+              "description": "Row-number column (No.). Offset lets numbering continue across pages.",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "index-offset",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "skeleton-rows",
+              "value": { "type": "number", "default": "10" }
+            },
+            {
+              "name": "row-key",
+              "description": "Which row key identifies a row in baht-row-click detail.id (e.g. 'group_id').",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "clickable",
+              "description": "Rows emit baht-row-click + get hover/keyboard affordances.",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            { "name": "page", "value": { "type": "number", "default": "1" } },
+            {
+              "name": "total-pages",
+              "value": { "type": "number", "default": "1" }
+            }
+          ],
+          "events": [{ "name": "baht-row-click", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              {
+                "name": "items",
+                "description": "Rows of the CURRENT page.",
+                "type": "Record<string, unknown>[]"
+              },
+              {
+                "name": "columns",
+                "description": "column key -> display name; omitted = derive keys from the first row.",
+                "type": "Record<string, string>"
+              },
+              { "name": "loading", "type": "boolean" },
+              { "name": "error", "type": "boolean" },
+              { "name": "errorMessage", "type": "string" },
+              { "name": "emptyMessage", "type": "string" },
+              {
+                "name": "showIndex",
+                "description": "Row-number column (No.). Offset lets numbering continue across pages.",
+                "type": "boolean"
+              },
+              { "name": "indexOffset", "type": "number" },
+              { "name": "skeletonRows", "type": "number" },
+              {
+                "name": "rowKey",
+                "description": "Which row key identifies a row in baht-row-click detail.id (e.g. 'group_id').",
+                "type": "string"
+              },
+              {
+                "name": "clickable",
+                "description": "Rows emit baht-row-click + get hover/keyboard affordances.",
+                "type": "boolean"
+              },
+              {
+                "name": "renderers",
+                "description": "Custom cell renderers by column key (functions — a property, never JSON).",
+                "type": "Record<string, CellRenderer>"
+              },
+              { "name": "page", "type": "number" },
+              { "name": "totalPages", "type": "number" }
+            ],
+            "events": [{ "name": "baht-row-click", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-text",
+          "description": "Static text block (`type: \"label\"`): no value, no emits.\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": {
+            "properties": [{ "name": "field", "type": "FieldDescriptor" }],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-textarea",
+          "description": "\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-timeline",
+          "description": "Vertical timeline (run history, audit log).\n\n  el.items = [\n    { title: 'Run started', time: '09:12', tone: 'muted' },\n    { title: 'Webhook sent', time: '09:12' },\n    { title: 'Failed', description: \"Couldn't reach the webhook.\", time: '09:13', tone: 'danger' },\n  ];\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": {
+            "properties": [{ "name": "items", "type": "TimelineItem[]" }],
+            "events": []
+          }
+        },
+        {
+          "name": "baht-toast",
+          "description": "Toast host — put ONE <baht-toast> on the page and call show():\n\n  const toast = document.querySelector('baht-toast');\n  toast.show({ message: 'Saved.', tone: 'success' });\n\nCopy: short and dry (\"Saved.\", not \"Successfully saved your changes!\").\n---\n\n\n### **Events:**\n - **baht-dismiss**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "duration",
+              "description": "Default auto-dismiss (ms) when show() gets no duration.",
+              "value": { "type": "number", "default": "4000" }
+            }
+          ],
+          "events": [{ "name": "baht-dismiss", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              {
+                "name": "duration",
+                "description": "Default auto-dismiss (ms) when show() gets no duration.",
+                "type": "number"
+              }
+            ],
+            "events": [{ "name": "baht-dismiss", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-toggle",
+          "description": "\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "baht-input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "field", "type": "FieldDescriptor" },
+              { "name": "value", "type": "unknown" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "error", "type": "string | null" }
+            ],
+            "events": [{ "name": "baht-input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "baht-tooltip",
+          "description": "Hover/focus tooltip. Wraps its children; pure CSS show/hide (120ms fade).\nEscape hides it without moving focus (WCAG 1.4.13); it re-arms on leave/blur.\n\n  <baht-tooltip text=\"Posted as JSON when the trigger fires\">\n    <baht-button variant=\"ghost\" label=\"?\"></baht-button>\n  </baht-tooltip>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "text", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "position",
+              "value": {
+                "type": "'top' | 'bottom' | 'left' | 'right'",
+                "default": "'top'"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "text", "type": "string" },
+              {
+                "name": "position",
+                "type": "'top' | 'bottom' | 'left' | 'right'"
+              }
+            ],
+            "events": []
+          }
+        }
+      ]
+    },
+    "css": {
+      "properties": [],
+      "pseudo-elements": []
+    }
+  }
+}