ionbase-ui 0.51.0 → 0.59.0

package/dist/figma-map.json

@@ -1,121 +1,89 @@
 {
   "package": "ionbase-ui",
-  "version": "0.51.0",
+  "version": "0.59.0",
   "figmaFile": "gaLbGd0QNb1fUl6BjSpfBA",
-  "figmaExported": "2026-09-05",
+  "figmaExported": "2026-09-16",
   "usage": "Given a Figma node id or component name, look it up here for the React component, its import, and how each Figma property maps onto a real prop. Every mapping is verified against both the Figma export and the TypeScript API on each build.",
   "generated": "by scripts/verify-figma-map.mjs — do not edit",
   "byNodeId": {
-    "21:461": {
-      "figmaComponent": "Button",
-      "figmaNodeId": "21:461",
-      "figmaPage": "Buttons",
-      "component": "Button",
-      "import": "import { Button } from 'ionbase-ui';",
-      "docs": "components/button/index.html.md",
+    "1360:267": {
+      "figmaComponent": "Accordion",
+      "figmaNodeId": "1360:267",
+      "figmaPage": "Accordion",
+      "component": "Accordion",
+      "import": "import { Accordion } from 'ionbase-ui';",
+      "docs": "components/accordion/index.html.md",
+      "props": {}
+    },
+    "1360:266": {
+      "figmaComponent": "Accordion Item",
+      "figmaNodeId": "1360:266",
+      "figmaPage": "Accordion",
+      "component": "AccordionItem",
+      "import": "import { AccordionItem } from 'ionbase-ui';",
+      "docs": "components/accordion-item/index.html.md",
       "props": {
-        "Type": {
-          "prop": "variant",
-          "values": {
-            "Primary Brand": "primary-brand",
-            "Primary Neutral": "primary-neutral",
-            "Primary Soft": "primary-soft",
-            "Secondary": "secondary",
-            "Tertiary": "tertiary",
-            "Destructive": "destructive",
-            "Success": "success"
-          }
+        "Title#1360:0": {
+          "prop": "title"
         },
-        "Size": {
-          "prop": "size",
-          "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg",
-            "XLarge": "xl"
-          }
+        "Content#1360:4": {
+          "prop": "children"
         },
         "State": {
           "prop": "isDisabled",
           "when": {
             "Disabled": true
           },
-          "note": "Default, Hover, Pressed and Focus are CSS and React Aria — :hover, :focus-visible, data-pressed — not props. Only Disabled is one."
-        },
-        "Label#21:375": {
-          "prop": "children"
-        },
-        "Leading Icon#21:378": {
-          "prop": "startIcon",
-          "note": "wrap in Icon; omit Icon's label, the button text names it"
-        },
-        "Trailing Icon#21:379": {
-          "prop": "endIcon",
-          "note": "same"
-        },
-        "Show Leading Icon#21:376": {
-          "prop": "startIcon",
-          "note": "an absent prop is the switch — React needs no Show boolean, so false means omit startIcon"
-        },
-        "Show Trailing Icon#21:377": {
-          "prop": "endIcon",
-          "note": "same"
+          "note": "Collapsed and Expanded are the container’s expandedKeys, not the item’s: a static frame cannot own a selection, so the axis is drawn on the item and owned in code by Accordion."
         }
       }
     },
-    "623:151": {
-      "figmaComponent": "Icon Button",
-      "figmaNodeId": "623:151",
-      "figmaPage": "Buttons",
-      "component": "Button",
-      "import": "import { Button } from 'ionbase-ui';",
-      "docs": "components/button/index.html.md",
-      "note": "Not a separate component in code: an icon-only Button. It is the one case where aria-label is required, because there is no text to name it.",
+    "1162:246": {
+      "figmaComponent": "Agent Activity",
+      "figmaNodeId": "1162:246",
+      "figmaPage": "Agent Activity",
+      "component": "AgentActivity",
+      "import": "import { AgentActivity } from 'ionbase-ui';",
+      "docs": "components/agent-activity/index.html.md",
+      "props": {}
+    },
+    "1161:287": {
+      "figmaComponent": "Agent Activity Step",
+      "figmaNodeId": "1161:287",
+      "figmaPage": "Agent Activity",
+      "component": "AgentActivityStep",
+      "import": "import { AgentActivityStep } from 'ionbase-ui';",
+      "docs": "components/agent-activity-step/index.html.md",
       "props": {
-        "Type": {
-          "prop": "variant",
-          "values": {
-            "Primary Brand": "primary-brand",
-            "Primary Neutral": "primary-neutral",
-            "Primary Soft": "primary-soft",
-            "Secondary": "secondary",
-            "Tertiary": "tertiary",
-            "Destructive": "destructive",
-            "Success": "success"
-          }
-        },
-        "Size": {
-          "prop": "size",
+        "Status": {
+          "prop": "status",
           "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg",
-            "XLarge": "xl"
+            "Pending": "pending",
+            "Active": "active",
+            "Done": "done",
+            "Failed": "failed",
+            "Skipped": "skipped"
           }
         },
-        "State": {
-          "prop": "isDisabled",
-          "when": {
-            "Disabled": true
-          },
-          "note": "as Button"
+        "Label#1162:0": {
+          "prop": "children"
         },
-        "Icon#623:0": {
-          "prop": "startIcon",
-          "note": "with Icon's own label omitted — the Button's aria-label carries the name"
+        "Detail#1162:6": {
+          "prop": "detail"
         },
-        "Shape": {
-          "ignore": "Figma draws a square and a circle variant; code has no shape prop. A round icon button is a className, not an API."
+        "Show Detail#1162:12": {
+          "prop": "detail",
+          "note": "false means detail is omitted"
         }
       }
     },
-    "80:275": {
-      "figmaComponent": "Input",
-      "figmaNodeId": "80:275",
-      "figmaPage": "Input",
-      "component": "Input",
-      "import": "import { Input } from 'ionbase-ui';",
-      "docs": "components/input/index.html.md",
+    "1156:296": {
+      "figmaComponent": "Agent Stop",
+      "figmaNodeId": "1156:296",
+      "figmaPage": "Agent Stop",
+      "component": "AgentStop",
+      "import": "import { AgentStop } from 'ionbase-ui';",
+      "docs": "components/agent-stop/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
@@ -126,201 +94,245 @@
           }
         },
         "State": {
-          "prop": "isInvalid",
-          "when": {
-            "Invalid": true
-          },
-          "note": "Hover, Focus and Filled are CSS or content. Disabled is isDisabled, Read-only is isReadOnly — both react-aria props rather than this axis."
-        },
-        "Value#80:0": {
-          "prop": "value",
-          "note": "or defaultValue when uncontrolled; Figma's text is placeholder content, not necessarily a value"
-        },
-        "Leading Icon#80:66": {
-          "prop": "leadingIcon"
+          "ignore": "Default/Hover are CSS states; Stopping is the drawn form of isStopping"
         },
-        "Trailing Icon#80:88": {
-          "prop": "trailingIcon"
+        "Label#1156:0": {
+          "prop": "label"
         },
-        "Show Leading Icon#80:22": {
-          "prop": "leadingIcon",
-          "note": "false means omit the prop"
+        "Stopping Label#1156:10": {
+          "prop": "stoppingLabel"
         },
-        "Show Trailing Icon#80:44": {
-          "prop": "trailingIcon",
-          "note": "false means omit the prop"
+        "Focused#1156:20": {
+          "ignore": "drawn focus ring; :focus-visible in code"
         }
       }
     },
-    "80:372": {
-      "figmaComponent": "Input/Phone",
-      "figmaNodeId": "80:372",
-      "figmaPage": "Input",
-      "component": "PhoneInput",
-      "import": "import { PhoneInput } from 'ionbase-ui';",
-      "docs": "components/phone-input/index.html.md",
+    "812:1902": {
+      "figmaComponent": "Alert",
+      "figmaNodeId": "812:1902",
+      "figmaPage": "Alert",
+      "component": "Alert",
+      "import": "import { Alert } from 'ionbase-ui';",
+      "docs": "components/alert/index.html.md",
       "props": {
-        "Size": {
-          "prop": "size",
+        "Intent": {
+          "prop": "intent",
           "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg"
+            "Neutral": "neutral",
+            "Primary": "primary",
+            "Success": "success",
+            "Warning": "warning",
+            "Error": "error",
+            "Information": "information"
           }
         },
-        "Dial Code#80:126": {
-          "prop": "dialCode"
-        }
-      }
-    },
-    "82:379": {
-      "figmaComponent": "Select",
-      "figmaNodeId": "82:379",
-      "figmaPage": "Select",
-      "component": "Select",
-      "import": "import { Select } from 'ionbase-ui';",
-      "docs": "components/select/index.html.md",
-      "props": {
-        "Size": {
-          "prop": "size",
+        "Emphasis": {
+          "prop": "emphasis",
           "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg"
+            "Subtle": "subtle",
+            "Solid": "solid"
           }
         },
-        "State": {
-          "prop": "isInvalid",
-          "when": {
-            "Invalid": true
-          },
-          "note": "Hover, Focus and Filled are CSS or content; Disabled is isDisabled"
-        },
-        "Value#82:18": {
-          "prop": "placeholder",
-          "note": "Figma's text is the collapsed display value. In code that is `placeholder` when nothing is chosen; once something is, the label comes from the `options` array."
-        }
-      }
-    },
-    "87:350": {
-      "figmaComponent": "Checkbox",
-      "figmaNodeId": "87:350",
-      "figmaPage": "Checkbox",
-      "component": "Checkbox",
-      "import": "import { Checkbox } from 'ionbase-ui';",
-      "docs": "components/checkbox/index.html.md",
-      "props": {
-        "Size": {
-          "prop": "size",
+        "Layout": {
+          "prop": "layout",
           "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg"
+            "Inline": "inline",
+            "Banner": "banner"
           }
         },
-        "Color": {
-          "prop": "intent",
-          "values": {
-            "Brand": "brand",
-            "Neutral": "neutral",
-            "Danger": "danger"
-          }
+        "Title#812:0": {
+          "prop": "title"
         },
-        "State": {
-          "prop": "isIndeterminate",
-          "when": {
-            "Indeterminate": true,
-            "Indeterminate-disabled": true
-          },
-          "note": "Checked is `checked`/`defaultChecked`, and the -disabled halves are isDisabled. One Figma axis, three code props, which is why it is not a single mapping."
+        "Show Title#812:50": {
+          "prop": "title",
+          "note": "false means omit title"
         },
-        "Label#87:0": {
+        "Message#812:25": {
           "prop": "children"
         },
-        "Show Label#87:28": {
+        "Show Icon#812:75": {
+          "prop": "hideIcon",
+          "note": "inverted — Figma's Show Icon false is hideIcon true"
+        },
+        "Show Dismiss#812:100": {
+          "prop": "onDismiss",
+          "note": "the dismiss button appears when a handler is passed; there is no boolean"
+        },
+        "Show Actions#812:125": {
+          "prop": "actions",
+          "note": "an absent prop is the switch"
+        }
+      }
+    },
+    "1160:423": {
+      "figmaComponent": "Approval Gate",
+      "figmaNodeId": "1160:423",
+      "figmaPage": "Approval Gate",
+      "component": "ApprovalGate",
+      "import": "import { ApprovalGate } from 'ionbase-ui';",
+      "docs": "components/approval-gate/index.html.md",
+      "props": {
+        "Risk": {
+          "prop": "risk",
+          "values": {
+            "Low": "low",
+            "Medium": "medium",
+            "High": "high"
+          }
+        },
+        "Status": {
+          "prop": "status",
+          "values": {
+            "Pending": "pending",
+            "Approved": "approved",
+            "Rejected": "rejected",
+            "Expired": "expired"
+          }
+        },
+        "Title#1160:0": {
+          "prop": "title"
+        },
+        "Detail#1160:13": {
+          "prop": "children"
+        },
+        "Show Detail#1160:26": {
           "prop": "children",
-          "note": "false means a bare box — and then aria-label becomes required"
+          "note": "false means no children passed"
         },
-        "Focused#188:38": {
-          "ignore": "a drawn focus ring. In code it is :focus-visible, which the browser owns."
+        "Reject Label#1160:39": {
+          "prop": "rejectLabel"
+        },
+        "Edit Label#1160:52": {
+          "prop": "editLabel"
+        },
+        "Approve Label#1160:65": {
+          "prop": "approveLabel"
+        },
+        "Show Edit#1160:78": {
+          "prop": "onEdit",
+          "note": "the Edit button renders only when onEdit is supplied"
         }
       }
     },
-    "89:314": {
-      "figmaComponent": "Radio",
-      "figmaNodeId": "89:314",
-      "figmaPage": "Radio",
-      "component": "Radio",
-      "import": "import { Radio } from 'ionbase-ui';",
-      "docs": "components/radio/index.html.md",
+    "74:164": {
+      "figmaComponent": "Avatar",
+      "figmaNodeId": "74:164",
+      "figmaPage": "Avatar",
+      "component": "Avatar",
+      "import": "import { Avatar } from 'ionbase-ui';",
+      "docs": "components/avatar/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
           "values": {
+            "Mini": "mini",
             "Small": "sm",
             "Medium": "md",
             "Large": "lg"
           }
         },
-        "Color": {
-          "prop": "intent",
+        "Shape": {
+          "prop": "shape",
           "values": {
-            "Brand": "brand",
-            "Neutral": "neutral",
-            "Danger": "danger"
+            "Circle": "circle",
+            "Square": "square"
           }
         },
-        "State": {
-          "ignore": "Selected/Unselected is the RadioGroup's value, not a prop on the Radio — a radio cannot own its own selection"
+        "Type": {
+          "prop": "src",
+          "when": {
+            "Image": true
+          },
+          "note": "code picks by precedence rather than a type prop: src, then initials, then icon. Character means pass initials, Icon means pass icon."
         },
-        "Label#89:0": {
-          "prop": "children"
+        "Initials#74:25": {
+          "prop": "initials"
         },
-        "Show Label#89:19": {
-          "prop": "children",
-          "note": "false means aria-label is required"
+        "Icon#74:50": {
+          "prop": "icon"
         },
-        "Focused#188:0": {
-          "ignore": "drawn focus ring; :focus-visible in code"
+        "Show Ring#1009:0": {
+          "prop": "ring"
+        },
+        "Show Top Indicator#1009:25": {
+          "prop": "topIndicator",
+          "note": "Figma needs a boolean because the intent lives on the nested Status Indicator instance; code takes the intent itself, so passing one is what shows the mark. The drawn instance is Intent=Primary with its check glyph, which is what `topIndicator=\"primary\"` renders."
+        },
+        "Show Bottom Indicator#1009:50": {
+          "prop": "bottomIndicator",
+          "note": "As the top indicator — the intent comes from the nested Status Indicator, which a boolean cannot carry. The drawn instance is Intent=Success with no glyph."
         }
       }
     },
-    "88:323": {
-      "figmaComponent": "Toggle",
-      "figmaNodeId": "88:323",
-      "figmaPage": "Toggle",
-      "component": "Toggle",
-      "import": "import { Toggle } from 'ionbase-ui';",
-      "docs": "components/toggle/index.html.md",
+    "1054:305": {
+      "figmaComponent": "Avatar Gradient",
+      "figmaNodeId": "1054:305",
+      "figmaPage": "Avatar",
+      "component": "AvatarGradient",
+      "import": "import { AvatarGradient } from 'ionbase-ui';",
+      "docs": "components/avatar-gradient/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
           "values": {
+            "Mini": "mini",
             "Small": "sm",
             "Medium": "md",
             "Large": "lg"
           }
         },
         "Color": {
-          "prop": "intent",
+          "prop": "color",
           "values": {
-            "Brand": "brand",
-            "Neutral": "neutral",
-            "Danger": "danger"
+            "Slate": "slate",
+            "Blue": "blue",
+            "Violet": "violet",
+            "Pink": "pink",
+            "Orange": "orange",
+            "Green": "green",
+            "Red": "red"
           }
         },
-        "State": {
-          "ignore": "On/Off is `checked`/`defaultChecked` on the underlying input, not a Toggle prop"
+        "Initials#1054:32": {
+          "prop": "initials"
+        }
+      }
+    },
+    "74:279": {
+      "figmaComponent": "Avatar Group",
+      "figmaNodeId": "74:279",
+      "figmaPage": "Avatar",
+      "component": "AvatarGroup",
+      "import": "import { AvatarGroup } from 'ionbase-ui';",
+      "docs": "components/avatar-group/index.html.md",
+      "props": {
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Mini": "mini",
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
         },
-        "Label#88:0": {
-          "prop": "children"
+        "Shape": {
+          "prop": "shape",
+          "values": {
+            "Circle": "circle",
+            "Square": "square"
+          }
         },
-        "Show Label#88:19": {
+        "Show Overflow#74:84": {
+          "prop": "max",
+          "note": "the +N avatar appears when children exceed max"
+        },
+        "Show Avatar 3#74:93": {
           "prop": "children",
-          "note": "false means aria-label is required"
+          "note": "Figma needs a boolean per slot; React just renders fewer children"
         },
-        "Focused#188:19": {
-          "ignore": "drawn focus ring; :focus-visible in code"
+        "Show Avatar 4#74:102": {
+          "prop": "children",
+          "note": "same"
         }
       }
     },
@@ -376,476 +388,618 @@
         }
       }
     },
-    "812:1902": {
-      "figmaComponent": "Alert",
-      "figmaNodeId": "812:1902",
-      "figmaPage": "Alert",
-      "component": "Alert",
-      "import": "import { Alert } from 'ionbase-ui';",
-      "docs": "components/alert/index.html.md",
+    "126:22724": {
+      "figmaComponent": "Border",
+      "figmaNodeId": "126:22724",
+      "figmaPage": "Divider",
+      "component": "Divider",
+      "import": "import { Divider } from 'ionbase-ui';",
+      "docs": "components/divider/index.html.md",
+      "note": "Figma calls it Border; the code component is Divider, because it renders an <hr> and an <hr> is a thematic break rather than an edge.",
       "props": {
-        "Intent": {
-          "prop": "intent",
+        "Style": {
+          "prop": "orientation",
           "values": {
-            "Neutral": "neutral",
-            "Primary": "primary",
-            "Success": "success",
-            "Warning": "warning",
-            "Error": "error",
-            "Information": "information"
+            "Horizontal": "horizontal",
+            "Vertical": "vertical"
           }
+        }
+      }
+    },
+    "1359:252": {
+      "figmaComponent": "Breadcrumb",
+      "figmaNodeId": "1359:252",
+      "figmaPage": "Breadcrumb",
+      "component": "Breadcrumb",
+      "import": "import { Breadcrumb } from 'ionbase-ui';",
+      "docs": "components/breadcrumb/index.html.md",
+      "props": {}
+    },
+    "1359:251": {
+      "figmaComponent": "Breadcrumb Item",
+      "figmaNodeId": "1359:251",
+      "figmaPage": "Breadcrumb",
+      "component": "BreadcrumbItem",
+      "import": "import { BreadcrumbItem } from 'ionbase-ui';",
+      "docs": "components/breadcrumb-item/index.html.md",
+      "props": {
+        "Label#1359:0": {
+          "prop": "children"
         },
-        "Emphasis": {
-          "prop": "emphasis",
-          "values": {
-            "Subtle": "subtle",
-            "Solid": "solid"
-          }
+        "Show Separator#1359:4": {
+          "ignore": "The separator is a CSS ::before in code and never markup, so it stays out of the accessibility tree — a \"/\" in the DOM is the usual build of this component and the usual defect. Figma has no generated content, so it is drawn as a real text layer and switched off on the first crumb. A drawing convenience with no prop behind it."
         },
-        "Layout": {
-          "prop": "layout",
+        "State": {
+          "prop": "isCurrent",
+          "when": {
+            "Current": true
+          },
+          "note": "Default is the resting link and Hover is CSS. Only Current is a prop, because the last crumb renders as text rather than a link."
+        }
+      }
+    },
+    "21:461": {
+      "figmaComponent": "Button",
+      "figmaNodeId": "21:461",
+      "figmaPage": "Buttons",
+      "component": "Button",
+      "import": "import { Button } from 'ionbase-ui';",
+      "docs": "components/button/index.html.md",
+      "props": {
+        "Type": {
+          "prop": "variant",
           "values": {
-            "Inline": "inline",
-            "Banner": "banner"
+            "Primary Brand": "primary-brand",
+            "Primary Neutral": "primary-neutral",
+            "Primary Soft": "primary-soft",
+            "Secondary": "secondary",
+            "Tertiary": "tertiary",
+            "Destructive": "destructive",
+            "Success": "success"
           }
         },
-        "Title#812:0": {
-          "prop": "title"
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg",
+            "XLarge": "xl"
+          }
         },
-        "Show Title#812:50": {
-          "prop": "title",
-          "note": "false means omit title"
+        "State": {
+          "prop": "isDisabled",
+          "when": {
+            "Disabled": true
+          },
+          "note": "Default, Hover, Pressed and Focus are CSS and React Aria — :hover, :focus-visible, data-pressed — not props. Only Disabled is one."
         },
-        "Message#812:25": {
+        "Label#21:375": {
           "prop": "children"
         },
-        "Show Icon#812:75": {
-          "prop": "hideIcon",
-          "note": "inverted — Figma's Show Icon false is hideIcon true"
+        "Leading Icon#21:378": {
+          "prop": "startIcon",
+          "note": "wrap in Icon; omit Icon's label, the button text names it"
         },
-        "Show Dismiss#812:100": {
-          "prop": "onDismiss",
-          "note": "the dismiss button appears when a handler is passed; there is no boolean"
+        "Trailing Icon#21:379": {
+          "prop": "endIcon",
+          "note": "same"
         },
-        "Show Actions#812:125": {
-          "prop": "actions",
-          "note": "an absent prop is the switch"
+        "Show Leading Icon#21:376": {
+          "prop": "startIcon",
+          "note": "an absent prop is the switch — React needs no Show boolean, so false means omit startIcon"
+        },
+        "Show Trailing Icon#21:377": {
+          "prop": "endIcon",
+          "note": "same"
         }
       }
     },
-    "820:1655": {
-      "figmaComponent": "Toast",
-      "figmaNodeId": "820:1655",
-      "figmaPage": "Toast",
-      "component": "Toast",
-      "import": "import { Toast } from 'ionbase-ui';",
-      "docs": "components/toast/index.html.md",
+    "87:350": {
+      "figmaComponent": "Checkbox",
+      "figmaNodeId": "87:350",
+      "figmaPage": "Checkbox",
+      "component": "Checkbox",
+      "import": "import { Checkbox } from 'ionbase-ui';",
+      "docs": "components/checkbox/index.html.md",
       "props": {
-        "Intent": {
-          "prop": "intent",
+        "Size": {
+          "prop": "size",
           "values": {
-            "Neutral": "neutral",
-            "Primary": "primary",
-            "Success": "success",
-            "Warning": "warning",
-            "Error": "error",
-            "Information": "information"
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
           }
         },
-        "Title#820:0": {
-          "prop": "title"
-        },
-        "Show Title#820:14": {
-          "prop": "title"
-        },
-        "Message#820:7": {
-          "prop": "message"
-        },
-        "Show Message#820:21": {
-          "prop": "message"
-        },
-        "Show Action#820:28": {
-          "prop": "action",
-          "note": "one action only — a second belongs in a Modal"
-        },
-        "Show Dismiss#820:35": {
-          "prop": "dismissLabel",
-          "note": "the dismiss control is always rendered; only its label is configurable"
-        }
-      }
-    },
-    "774:1516": {
-      "figmaComponent": "Link",
-      "figmaNodeId": "774:1516",
-      "figmaPage": "Link",
-      "component": "Link",
-      "import": "import { Link } from 'ionbase-ui';",
-      "docs": "components/link/index.html.md",
-      "props": {
-        "Type": {
-          "prop": "variant",
+        "Color": {
+          "prop": "intent",
           "values": {
-            "Inline": "inline",
-            "Standalone": "standalone"
+            "Brand": "brand",
+            "Neutral": "neutral",
+            "Danger": "danger"
           }
         },
         "State": {
-          "prop": "isDisabled",
+          "prop": "isIndeterminate",
           "when": {
-            "Disabled": true
+            "Indeterminate": true,
+            "Indeterminate-disabled": true
           },
-          "note": "Hover and Focus are CSS; Visited is :visited, which no prop can set"
+          "note": "Checked is `checked`/`defaultChecked`, and the -disabled halves are isDisabled. One Figma axis, three code props, which is why it is not a single mapping."
         },
-        "Label#774:0": {
+        "Label#87:0": {
           "prop": "children"
         },
-        "Leading Icon#774:33": {
-          "prop": "startIcon"
-        },
-        "Trailing Icon#774:44": {
-          "prop": "endIcon"
-        },
-        "Show Leading Icon#774:11": {
-          "prop": "startIcon"
+        "Show Label#87:28": {
+          "prop": "children",
+          "note": "false means a bare box — and then aria-label becomes required"
         },
-        "Show Trailing Icon#774:22": {
-          "prop": "endIcon"
+        "Focused#188:38": {
+          "ignore": "a drawn focus ring. In code it is :focus-visible, which the browser owns."
         }
       }
     },
-    "53:13": {
-      "figmaComponent": "Nav Item",
-      "figmaNodeId": "53:13",
-      "figmaPage": "Nav Item",
-      "component": "NavItem",
-      "import": "import { NavItem } from 'ionbase-ui';",
-      "docs": "components/nav-item/index.html.md",
+    "1167:247": {
+      "figmaComponent": "Citation",
+      "figmaNodeId": "1167:247",
+      "figmaPage": "Citation",
+      "component": "Citation",
+      "import": "import { Citation } from 'ionbase-ui';",
+      "docs": "components/citation/index.html.md",
       "props": {
         "State": {
-          "ignore": "Default and Hover are CSS and React Aria's useHover, not props"
-        },
-        "Label#53:0": {
-          "prop": "children"
+          "ignore": "Default/Hover is :hover in code"
         },
-        "Icon#61:0": {
-          "prop": "icon"
+        "Index#1167:0": {
+          "prop": "index"
         },
-        "Show Chevron#53:3": {
-          "prop": "showChevron"
+        "Focused#1167:3": {
+          "ignore": "drawn focus ring; :focus-visible in code"
         }
       }
     },
-    "82:306": {
-      "figmaComponent": "Menu",
-      "figmaNodeId": "82:306",
-      "figmaPage": "Menu",
-      "component": "Menu",
-      "import": "import { Menu } from 'ionbase-ui';",
-      "docs": "components/menu/index.html.md",
+    "1168:246": {
+      "figmaComponent": "Citation List",
+      "figmaNodeId": "1168:246",
+      "figmaPage": "Citation",
+      "component": "CitationList",
+      "import": "import { CitationList } from 'ionbase-ui';",
+      "docs": "components/citation-list/index.html.md",
       "props": {
-        "Type": {
-          "ignore": "Single and Multi describe how many items may be selected, which is the caller's state. Menu renders the surface and holds no selection of its own."
+        "Label#1168:4": {
+          "prop": "label"
         }
       }
     },
-    "639:2634": {
-      "figmaComponent": "Menu Item",
-      "figmaNodeId": "639:2634",
-      "figmaPage": "Side Menu",
-      "component": "MenuItem",
-      "import": "import { MenuItem } from 'ionbase-ui';",
-      "docs": "components/menu-item/index.html.md",
+    "1168:241": {
+      "figmaComponent": "Citation List Item",
+      "figmaNodeId": "1168:241",
+      "figmaPage": "Citation",
+      "component": "CitationListItem",
+      "import": "import { CitationListItem } from 'ionbase-ui';",
+      "docs": "components/citation-list-item/index.html.md",
       "props": {
-        "Status": {
-          "prop": "isSelected",
-          "when": {
-            "Selected": true,
-            "Selected Primary": true
-          },
-          "note": "Hover is CSS. Selected Primary is a second selected styling Figma draws and code does not yet ship."
+        "Index#1168:0": {
+          "prop": "index"
         },
-        "Text#639:12": {
-          "prop": "children"
+        "Source#1168:1": {
+          "prop": "source"
         },
-        "Show Icon#639:16": {
-          "prop": "icon"
+        "Passage#1168:2": {
+          "prop": "children"
         },
-        "Select Icon#639:20": {
-          "prop": "icon"
+        "Show Passage#1168:3": {
+          "prop": "children",
+          "note": "false means no children passed"
         }
       }
     },
-    "157:126": {
-      "figmaComponent": "Tabs",
-      "figmaNodeId": "157:126",
-      "figmaPage": "Tabs",
-      "component": "Tabs",
-      "import": "import { Tabs } from 'ionbase-ui';",
-      "docs": "components/tabs/index.html.md",
+    "1370:2359": {
+      "figmaComponent": "Combobox",
+      "figmaNodeId": "1370:2359",
+      "figmaPage": "Combobox",
+      "component": "Combobox",
+      "import": "import { Combobox } from 'ionbase-ui';",
+      "docs": "components/combobox/index.html.md",
       "props": {
-        "Type": {
-          "prop": "type",
+        "Size": {
+          "prop": "size",
           "values": {
-            "Pill": "pill",
-            "Underline": "underline"
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
           }
         },
-        "Orientation": {
-          "prop": "orientation",
-          "values": {
-            "Horizontal": "horizontal",
-            "Vertical": "vertical"
-          }
+        "State": {
+          "prop": "isInvalid",
+          "when": {
+            "Invalid": true
+          },
+          "note": "Hover, Focus and Filled are CSS or content; Disabled is isDisabled and Read-only is isReadOnly. The same split Input records, because the field is Input’s box."
+        },
+        "Value#1370:0": {
+          "prop": "placeholder",
+          "note": "Figma’s text is whatever the field shows. In code that is `placeholder` until something is chosen; after that it is the selected option’s label, which comes from `options`."
         }
       }
     },
-    "156:259": {
-      "figmaComponent": "Tabs Item",
-      "figmaNodeId": "156:259",
-      "figmaPage": "Tabs",
-      "component": "TabItem",
-      "import": "import { TabItem } from 'ionbase-ui';",
-      "docs": "components/tab-item/index.html.md",
-      "note": "TabItem is a collection item and takes no props of its own. Type, Size and State belong to the parent Tabs or to its selection state, which is why almost everything here is ignored rather than mapped.",
-      "example": "<TabItem key=\"billing\" title=\"Billing\">Panel content</TabItem>",
-      "props": {
-        "Label#156:216": {
-          "ignore": "TabItem's label is its `title` collection prop. It is not a typed prop the TypeScript checker can see, so there is nothing here to verify against — see TabItem's contract."
-        },
-        "Type": {
-          "ignore": "set on the parent Tabs, not per item"
-        },
-        "Size": {
-          "ignore": "set on the parent Tabs, not per item"
-        },
-        "State": {
-          "ignore": "selection is the Tabs collection's state; Disabled is disabledKeys on Tabs"
-        },
-        "Show Label#156:218": {
-          "ignore": "a tab without a label is a tab that cannot be named"
-        },
-        "Show Leading Icon#156:217": {
-          "ignore": "not yet in the code component"
-        },
-        "Leading Icon#156:220": {
-          "ignore": "not yet in the code component"
-        },
-        "Show Trailing#156:219": {
-          "ignore": "not yet in the code component"
-        },
-        "Trailing#156:221": {
-          "ignore": "not yet in the code component"
-        },
-        "Focused#189:0": {
-          "ignore": "drawn focus ring; :focus-visible in code"
-        }
-      }
-    },
-    "174:103": {
-      "figmaComponent": "Table Cell",
-      "figmaNodeId": "174:103",
-      "figmaPage": "Table",
-      "component": "TableCell",
-      "import": "import { TableCell } from 'ionbase-ui';",
-      "docs": "components/table-cell/index.html.md",
+    "1166:262": {
+      "figmaComponent": "Confidence Indicator",
+      "figmaNodeId": "1166:262",
+      "figmaPage": "Confidence Indicator",
+      "component": "ConfidenceIndicator",
+      "import": "import { ConfidenceIndicator } from 'ionbase-ui';",
+      "docs": "components/confidence-indicator/index.html.md",
       "props": {
-        "Type": {
-          "prop": "header",
-          "when": {
-            "Header": true
-          },
-          "note": "Body is the default <td>"
-        },
-        "Align": {
-          "prop": "align",
+        "Level": {
+          "prop": "level",
           "values": {
-            "Leading": "leading",
-            "Trailing": "trailing"
+            "Low": "low",
+            "Medium": "medium",
+            "High": "high"
           }
         },
-        "Show Divider#174:38": {
-          "prop": "showDivider"
-        },
-        "Content#174:37": {
-          "prop": "children"
-        },
-        "Show Content#174:36": {
-          "prop": "children"
-        },
-        "Density": {
-          "ignore": "density is set once on Table and reaches the cell through CSS — a per-cell prop could disagree with its own table"
+        "Basis#1166:0": {
+          "prop": "basis"
         }
       }
     },
-    "175:605": {
-      "figmaComponent": "Table Row",
-      "figmaNodeId": "175:605",
-      "figmaPage": "Table",
-      "component": "TableRow",
-      "import": "import { TableRow } from 'ionbase-ui';",
-      "docs": "components/table-row/index.html.md",
+    "1365:2404": {
+      "figmaComponent": "Drawer",
+      "figmaNodeId": "1365:2404",
+      "figmaPage": "Drawer",
+      "component": "Drawer",
+      "import": "import { Drawer } from 'ionbase-ui';",
+      "docs": "components/drawer/index.html.md",
       "props": {
-        "State": {
-          "prop": "isSelected",
-          "when": {
-            "Selected": true,
-            "Selected-Hover": true
-          },
-          "note": "Hover is CSS"
-        },
-        "Show Selection#175:12": {
-          "prop": "selection",
-          "note": "takes the Checkbox's own props, not a boolean — a selectable row needs checked/onChange wiring"
+        "Placement": {
+          "prop": "placement",
+          "values": {
+            "Start": "start",
+            "End": "end",
+            "Top": "top",
+            "Bottom": "bottom"
+          }
         },
-        "Density": {
-          "ignore": "set once on Table; see Table Cell"
-        }
-      }
-    },
-    "74:164": {
-      "figmaComponent": "Avatar",
-      "figmaNodeId": "74:164",
-      "figmaPage": "Avatar",
-      "component": "Avatar",
-      "import": "import { Avatar } from 'ionbase-ui';",
-      "docs": "components/avatar/index.html.md",
-      "props": {
         "Size": {
           "prop": "size",
           "values": {
-            "Mini": "mini",
             "Small": "sm",
             "Medium": "md",
             "Large": "lg"
           }
         },
-        "Shape": {
-          "prop": "shape",
-          "values": {
-            "Circle": "circle",
-            "Square": "square"
-          }
-        },
-        "Type": {
-          "prop": "src",
-          "when": {
-            "Image": true
-          },
-          "note": "code picks by precedence rather than a type prop: src, then initials, then icon. Character means pass initials, Icon means pass icon."
-        },
-        "Initials#74:25": {
-          "prop": "initials"
+        "Title#1365:0": {
+          "prop": "title"
         },
-        "Icon#74:50": {
-          "prop": "icon"
+        "Description#1365:13": {
+          "prop": "description"
         },
-        "Show Ring#1009:0": {
-          "prop": "ring"
+        "Show Description#1365:26": {
+          "prop": "description",
+          "note": "false means description is omitted"
         },
-        "Show Top Indicator#1009:25": {
-          "prop": "topIndicator",
-          "note": "Figma needs a boolean because the intent lives on the nested Status Indicator instance; code takes the intent itself, so passing one is what shows the mark. The drawn instance is Intent=Primary with its check glyph, which is what `topIndicator=\"primary\"` renders."
+        "Show Close#1365:39": {
+          "prop": "showClose"
         },
-        "Show Bottom Indicator#1009:50": {
-          "prop": "bottomIndicator",
-          "note": "As the top indicator — the intent comes from the nested Status Indicator, which a boolean cannot carry. The drawn instance is Intent=Success with no glyph."
+        "Show Footer#1365:52": {
+          "prop": "footer",
+          "note": "false means footer is omitted"
         }
       }
     },
-    "74:279": {
-      "figmaComponent": "Avatar Group",
-      "figmaNodeId": "74:279",
-      "figmaPage": "Avatar",
-      "component": "AvatarGroup",
-      "import": "import { AvatarGroup } from 'ionbase-ui';",
-      "docs": "components/avatar-group/index.html.md",
+    "1334:2294": {
+      "figmaComponent": "Empty State",
+      "figmaNodeId": "1334:2294",
+      "figmaPage": "Empty State",
+      "component": "EmptyState",
+      "import": "import { EmptyState } from 'ionbase-ui';",
+      "docs": "components/empty-state/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
           "values": {
-            "Mini": "mini",
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg"
+            "Inline": "inline",
+            "Panel": "panel",
+            "Page": "page"
           }
         },
-        "Shape": {
-          "prop": "shape",
+        "Reason": {
+          "prop": "reason",
           "values": {
-            "Circle": "circle",
-            "Square": "square"
+            "No Results": "no-results",
+            "First Run": "first-run",
+            "No Access": "no-access",
+            "Error": "error"
           }
         },
-        "Show Overflow#74:84": {
-          "prop": "max",
-          "note": "the +N avatar appears when children exceed max"
+        "Title#1334:0": {
+          "prop": "title"
         },
-        "Show Avatar 3#74:93": {
-          "prop": "children",
-          "note": "Figma needs a boolean per slot; React just renders fewer children"
+        "Description#1334:13": {
+          "prop": "description"
         },
-        "Show Avatar 4#74:102": {
-          "prop": "children",
-          "note": "same"
+        "Show Description#1334:39": {
+          "prop": "description",
+          "note": "an absent prop is the switch"
+        },
+        "Show Icon#1334:26": {
+          "prop": "icon",
+          "note": "the mark renders when a node is passed; there is no boolean, and reason picks the tint rather than the glyph"
+        },
+        "Show Actions#1334:52": {
+          "prop": "action",
+          "note": "the row appears when action or secondaryAction is passed; there is no boolean"
         }
       }
     },
-    "1054:305": {
-      "figmaComponent": "Avatar Gradient",
-      "figmaNodeId": "1054:305",
-      "figmaPage": "Avatar",
-      "component": "AvatarGradient",
-      "import": "import { AvatarGradient } from 'ionbase-ui';",
-      "docs": "components/avatar-gradient/index.html.md",
+    "1367:2333": {
+      "figmaComponent": "File Upload",
+      "figmaNodeId": "1367:2333",
+      "figmaPage": "File Upload",
+      "component": "FileUpload",
+      "import": "import { FileUpload } from 'ionbase-ui';",
+      "docs": "components/file-upload/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
           "values": {
-            "Mini": "mini",
             "Small": "sm",
-            "Medium": "md",
-            "Large": "lg"
+            "Medium": "md"
           }
         },
-        "Color": {
-          "prop": "color",
-          "values": {
-            "Slate": "slate",
-            "Blue": "blue",
-            "Violet": "violet",
-            "Pink": "pink",
-            "Orange": "orange",
-            "Green": "green",
-            "Red": "red"
-          }
+        "State": {
+          "prop": "isInvalid",
+          "when": {
+            "Invalid": true
+          },
+          "note": "Hover and Dragging are CSS; Disabled is isDisabled. Dragging has no prop at all — it is a pointer state the browser owns."
         },
-        "Initials#1054:32": {
-          "prop": "initials"
+        "Prompt#1367:0": {
+          "prop": "prompt"
+        },
+        "Hint#1367:11": {
+          "prop": "hint"
+        },
+        "Show Hint#1367:22": {
+          "prop": "hint",
+          "note": "false means hint is omitted"
+        },
+        "Icon#1367:33": {
+          "ignore": "The upload glyph is inlined in the component, like Select’s chevron: it is part of the control rather than a slot a caller fills, so there is no prop to swap it. The INSTANCE_SWAP exists so a designer can substitute it in a mock without detaching."
         }
       }
     },
-    "126:22724": {
-      "figmaComponent": "Border",
-      "figmaNodeId": "126:22724",
-      "figmaPage": "Divider",
-      "component": "Divider",
-      "import": "import { Divider } from 'ionbase-ui';",
-      "docs": "components/divider/index.html.md",
-      "note": "Figma calls it Border; the code component is Divider, because it renders an <hr> and an <hr> is a thematic break rather than an edge.",
+    "592:857": {
+      "figmaComponent": "Full Card",
+      "figmaNodeId": "592:857",
+      "figmaPage": "Card",
+      "component": "FullCard",
+      "import": "import { FullCard } from 'ionbase-ui';",
+      "docs": "components/full-card/index.html.md",
       "props": {
-        "Style": {
-          "prop": "orientation",
+        "Row Reverse": {
+          "prop": "alignment",
           "values": {
-            "Horizontal": "horizontal",
-            "Vertical": "vertical"
-          }
+            "True": "left",
+            "False": "right"
+          },
+          "note": "Figma's boolean reverses the row; the code prop names which side the MEDIA sits on"
+        },
+        "Headline#592:0": {
+          "prop": "headline"
+        },
+        "Description#592:1": {
+          "prop": "description"
+        },
+        "Show Description#592:3": {
+          "prop": "description"
+        },
+        "Eyebrow#592:5": {
+          "prop": "eyebrow"
+        },
+        "Show Eyebrow#592:2": {
+          "prop": "eyebrow"
+        },
+        "Actions#592:6": {
+          "prop": "actions"
+        },
+        "Show Actions#592:4": {
+          "prop": "actions"
+        },
+        "Media#592:7": {
+          "prop": "media",
+          "note": "pass the screenshot itself — the component draws the frame"
         }
       }
     },
-    "52:21369": {
-      "figmaComponent": "Logo-Ionbase",
-      "figmaNodeId": "52:21369",
-      "figmaPage": "Logo",
+    "69:335": {
+      "figmaComponent": "Header",
+      "figmaNodeId": "69:335",
+      "figmaPage": "Header",
+      "component": "Header",
+      "import": "import { Header } from 'ionbase-ui';",
+      "docs": "components/header/index.html.md",
+      "props": {
+        "Device": {
+          "prop": "open",
+          "when": {
+            "Mobile-Open": true,
+            "Mobile-Closed": false
+          },
+          "note": "Figma spells one four-way axis; code splits it in two. Desktop/Tablet/Mobile is a media query the browser already answers, and only Open/Closed is a prop."
+        },
+        "Center Slot#68:12": {
+          "prop": "center"
+        },
+        "End Slot#68:16": {
+          "prop": "end"
+        },
+        "End Slot#667:37": {
+          "prop": "end",
+          "note": "a duplicate slot in the Figma component"
+        },
+        "Show Center Slot#69:0": {
+          "prop": "center"
+        },
+        "Show End Slot#69:4": {
+          "prop": "end"
+        }
+      }
+    },
+    "623:151": {
+      "figmaComponent": "Icon Button",
+      "figmaNodeId": "623:151",
+      "figmaPage": "Buttons",
+      "component": "Button",
+      "import": "import { Button } from 'ionbase-ui';",
+      "docs": "components/button/index.html.md",
+      "note": "Not a separate component in code: an icon-only Button. It is the one case where aria-label is required, because there is no text to name it.",
+      "props": {
+        "Type": {
+          "prop": "variant",
+          "values": {
+            "Primary Brand": "primary-brand",
+            "Primary Neutral": "primary-neutral",
+            "Primary Soft": "primary-soft",
+            "Secondary": "secondary",
+            "Tertiary": "tertiary",
+            "Destructive": "destructive",
+            "Success": "success"
+          }
+        },
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg",
+            "XLarge": "xl"
+          }
+        },
+        "State": {
+          "prop": "isDisabled",
+          "when": {
+            "Disabled": true
+          },
+          "note": "as Button"
+        },
+        "Icon#623:0": {
+          "prop": "startIcon",
+          "note": "with Icon's own label omitted — the Button's aria-label carries the name"
+        },
+        "Shape": {
+          "ignore": "Figma draws a square and a circle variant; code has no shape prop. A round icon button is a className, not an API."
+        }
+      }
+    },
+    "80:275": {
+      "figmaComponent": "Input",
+      "figmaNodeId": "80:275",
+      "figmaPage": "Input",
+      "component": "Input",
+      "import": "import { Input } from 'ionbase-ui';",
+      "docs": "components/input/index.html.md",
+      "props": {
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
+        },
+        "State": {
+          "prop": "isInvalid",
+          "when": {
+            "Invalid": true
+          },
+          "note": "Hover, Focus and Filled are CSS or content. Disabled is isDisabled, Read-only is isReadOnly — both react-aria props rather than this axis."
+        },
+        "Value#80:0": {
+          "prop": "value",
+          "note": "or defaultValue when uncontrolled; Figma's text is placeholder content, not necessarily a value"
+        },
+        "Leading Icon#80:66": {
+          "prop": "leadingIcon"
+        },
+        "Trailing Icon#80:88": {
+          "prop": "trailingIcon"
+        },
+        "Show Leading Icon#80:22": {
+          "prop": "leadingIcon",
+          "note": "false means omit the prop"
+        },
+        "Show Trailing Icon#80:44": {
+          "prop": "trailingIcon",
+          "note": "false means omit the prop"
+        }
+      }
+    },
+    "80:372": {
+      "figmaComponent": "Input/Phone",
+      "figmaNodeId": "80:372",
+      "figmaPage": "Input",
+      "component": "PhoneInput",
+      "import": "import { PhoneInput } from 'ionbase-ui';",
+      "docs": "components/phone-input/index.html.md",
+      "props": {
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
+        },
+        "Dial Code#80:126": {
+          "prop": "dialCode"
+        }
+      }
+    },
+    "774:1516": {
+      "figmaComponent": "Link",
+      "figmaNodeId": "774:1516",
+      "figmaPage": "Link",
+      "component": "Link",
+      "import": "import { Link } from 'ionbase-ui';",
+      "docs": "components/link/index.html.md",
+      "props": {
+        "Type": {
+          "prop": "variant",
+          "values": {
+            "Inline": "inline",
+            "Standalone": "standalone"
+          }
+        },
+        "State": {
+          "prop": "isDisabled",
+          "when": {
+            "Disabled": true
+          },
+          "note": "Hover and Focus are CSS; Visited is :visited, which no prop can set"
+        },
+        "Label#774:0": {
+          "prop": "children"
+        },
+        "Leading Icon#774:33": {
+          "prop": "startIcon"
+        },
+        "Trailing Icon#774:44": {
+          "prop": "endIcon"
+        },
+        "Show Leading Icon#774:11": {
+          "prop": "startIcon"
+        },
+        "Show Trailing Icon#774:22": {
+          "prop": "endIcon"
+        }
+      }
+    },
+    "52:21369": {
+      "figmaComponent": "Logo-Ionbase",
+      "figmaNodeId": "52:21369",
+      "figmaPage": "Logo",
       "component": "Logo",
       "import": "import { Logo } from 'ionbase-ui';",
       "docs": "components/logo/index.html.md",
@@ -870,6 +1024,46 @@
         }
       }
     },
+    "82:306": {
+      "figmaComponent": "Menu",
+      "figmaNodeId": "82:306",
+      "figmaPage": "Menu",
+      "component": "Menu",
+      "import": "import { Menu } from 'ionbase-ui';",
+      "docs": "components/menu/index.html.md",
+      "props": {
+        "Type": {
+          "ignore": "Single and Multi describe how many items may be selected, which is the caller's state. Menu renders the surface and holds no selection of its own."
+        }
+      }
+    },
+    "639:2634": {
+      "figmaComponent": "Menu Item",
+      "figmaNodeId": "639:2634",
+      "figmaPage": "Side Menu",
+      "component": "MenuItem",
+      "import": "import { MenuItem } from 'ionbase-ui';",
+      "docs": "components/menu-item/index.html.md",
+      "props": {
+        "Status": {
+          "prop": "isSelected",
+          "when": {
+            "Selected": true,
+            "Selected Primary": true
+          },
+          "note": "Hover is CSS. Selected Primary is a second selected styling Figma draws and code does not yet ship."
+        },
+        "Text#639:12": {
+          "prop": "children"
+        },
+        "Show Icon#639:16": {
+          "prop": "icon"
+        },
+        "Select Icon#639:20": {
+          "prop": "icon"
+        }
+      }
+    },
     "792:1537": {
       "figmaComponent": "Modal",
       "figmaNodeId": "792:1537",
@@ -920,28 +1114,78 @@
         }
       }
     },
-    "825:1853": {
-      "figmaComponent": "Popover",
-      "figmaNodeId": "825:1853",
-      "figmaPage": "Popover",
-      "component": "Popover",
-      "import": "import { Popover } from 'ionbase-ui';",
-      "docs": "components/popover/index.html.md",
+    "53:13": {
+      "figmaComponent": "Nav Item",
+      "figmaNodeId": "53:13",
+      "figmaPage": "Nav Item",
+      "component": "NavItem",
+      "import": "import { NavItem } from 'ionbase-ui';",
+      "docs": "components/nav-item/index.html.md",
       "props": {
-        "Placement": {
-          "prop": "placement",
-          "values": {
-            "Top": "top",
-            "Bottom": "bottom",
-            "Left": "left",
-            "Right": "right"
-          }
+        "State": {
+          "ignore": "Default and Hover are CSS and React Aria's useHover, not props"
         },
-        "Size": {
-          "prop": "size",
-          "values": {
-            "Small": "sm",
-            "Medium": "md",
+        "Label#53:0": {
+          "prop": "children"
+        },
+        "Icon#61:0": {
+          "prop": "icon"
+        },
+        "Show Chevron#53:3": {
+          "prop": "showChevron"
+        }
+      }
+    },
+    "1291:503": {
+      "figmaComponent": "Pagination",
+      "figmaNodeId": "1291:503",
+      "figmaPage": "Pagination",
+      "component": "Pagination",
+      "import": "import { Pagination } from 'ionbase-ui';",
+      "docs": "components/pagination/index.html.md",
+      "props": {
+        "Type": {
+          "prop": "type",
+          "values": {
+            "Numbered": "numbered",
+            "Simple": "simple"
+          }
+        },
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
+        },
+        "Show Page Size#1291:0": {
+          "prop": "showPageSize"
+        }
+      }
+    },
+    "825:1853": {
+      "figmaComponent": "Popover",
+      "figmaNodeId": "825:1853",
+      "figmaPage": "Popover",
+      "component": "Popover",
+      "import": "import { Popover } from 'ionbase-ui';",
+      "docs": "components/popover/index.html.md",
+      "props": {
+        "Placement": {
+          "prop": "placement",
+          "values": {
+            "Top": "top",
+            "Bottom": "bottom",
+            "Left": "left",
+            "Right": "right"
+          }
+        },
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
             "Large": "lg"
           }
         },
@@ -969,118 +1213,143 @@
         }
       }
     },
-    "801:68": {
-      "figmaComponent": "Tooltip",
-      "figmaNodeId": "801:68",
-      "figmaPage": "Tooltip",
-      "component": "Tooltip",
-      "import": "import { Tooltip } from 'ionbase-ui';",
-      "docs": "components/tooltip/index.html.md",
+    "1344:331": {
+      "figmaComponent": "Progress Bar",
+      "figmaNodeId": "1344:331",
+      "figmaPage": "Progress Bar",
+      "component": "ProgressBar",
+      "import": "import { ProgressBar } from 'ionbase-ui';",
+      "docs": "components/progress-bar/index.html.md",
       "props": {
-        "Placement": {
-          "prop": "placement",
+        "Intent": {
+          "prop": "intent",
           "values": {
-            "Top": "top",
-            "Bottom": "bottom",
-            "Left": "left",
-            "Right": "right"
+            "Primary": "primary",
+            "Success": "success",
+            "Warning": "warning",
+            "Error": "error"
           }
         },
-        "Label#801:0": {
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md"
+          }
+        },
+        "Type": {
+          "prop": "value",
+          "note": "not a prop value. Determinate means `value` was passed; Indeterminate means it was omitted, which is also what drops aria-valuenow. There is no `type` prop in code, and adding one would make the state settable independently of the number it describes"
+        },
+        "Label#1344:0": {
           "prop": "label"
         },
-        "Title#801:5": {
-          "prop": "title"
+        "Value#1344:17": {
+          "prop": "valueText",
+          "note": "the Figma text is a sample percentage; in code `valueText` REPLACES the computed percentage and is what a screen reader speaks"
         },
-        "Show Title#801:10": {
-          "prop": "title"
+        "Show Label#1344:34": {
+          "prop": "isLabelVisible"
+        },
+        "Show Value#1344:51": {
+          "prop": "isValueVisible",
+          "note": "bound only on the Determinate variants — an indeterminate bar has no percentage to reveal"
         }
       }
     },
-    "592:857": {
-      "figmaComponent": "Full Card",
-      "figmaNodeId": "592:857",
-      "figmaPage": "Card",
-      "component": "FullCard",
-      "import": "import { FullCard } from 'ionbase-ui';",
-      "docs": "components/full-card/index.html.md",
+    "89:314": {
+      "figmaComponent": "Radio",
+      "figmaNodeId": "89:314",
+      "figmaPage": "Radio",
+      "component": "Radio",
+      "import": "import { Radio } from 'ionbase-ui';",
+      "docs": "components/radio/index.html.md",
       "props": {
-        "Row Reverse": {
-          "prop": "alignment",
+        "Size": {
+          "prop": "size",
           "values": {
-            "True": "left",
-            "False": "right"
-          },
-          "note": "Figma's boolean reverses the row; the code prop names which side the MEDIA sits on"
-        },
-        "Headline#592:0": {
-          "prop": "headline"
-        },
-        "Description#592:1": {
-          "prop": "description"
-        },
-        "Show Description#592:3": {
-          "prop": "description"
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
         },
-        "Eyebrow#592:5": {
-          "prop": "eyebrow"
+        "Color": {
+          "prop": "intent",
+          "values": {
+            "Brand": "brand",
+            "Neutral": "neutral",
+            "Danger": "danger"
+          }
         },
-        "Show Eyebrow#592:2": {
-          "prop": "eyebrow"
+        "State": {
+          "ignore": "Selected/Unselected is the RadioGroup's value, not a prop on the Radio — a radio cannot own its own selection"
         },
-        "Actions#592:6": {
-          "prop": "actions"
+        "Label#89:0": {
+          "prop": "children"
         },
-        "Show Actions#592:4": {
-          "prop": "actions"
+        "Show Label#89:19": {
+          "prop": "children",
+          "note": "false means aria-label is required"
         },
-        "Media#592:7": {
-          "prop": "media",
-          "note": "pass the screenshot itself — the component draws the frame"
+        "Focused#188:0": {
+          "ignore": "drawn focus ring; :focus-visible in code"
         }
       }
     },
-    "69:335": {
-      "figmaComponent": "Header",
-      "figmaNodeId": "69:335",
-      "figmaPage": "Header",
-      "component": "Header",
-      "import": "import { Header } from 'ionbase-ui';",
-      "docs": "components/header/index.html.md",
+    "82:379": {
+      "figmaComponent": "Select",
+      "figmaNodeId": "82:379",
+      "figmaPage": "Select",
+      "component": "Select",
+      "import": "import { Select } from 'ionbase-ui';",
+      "docs": "components/select/index.html.md",
       "props": {
-        "Device": {
-          "prop": "open",
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
+        },
+        "State": {
+          "prop": "isInvalid",
           "when": {
-            "Mobile-Open": true,
-            "Mobile-Closed": false
+            "Invalid": true
           },
-          "note": "Figma spells one four-way axis; code splits it in two. Desktop/Tablet/Mobile is a media query the browser already answers, and only Open/Closed is a prop."
-        },
-        "Center Slot#68:12": {
-          "prop": "center"
-        },
-        "End Slot#68:16": {
-          "prop": "end"
-        },
-        "End Slot#667:37": {
-          "prop": "end",
-          "note": "a duplicate slot in the Figma component"
-        },
-        "Show Center Slot#69:0": {
-          "prop": "center"
+          "note": "Hover, Focus and Filled are CSS or content; Disabled is isDisabled"
         },
-        "Show End Slot#69:4": {
-          "prop": "end"
+        "Value#82:18": {
+          "prop": "placeholder",
+          "note": "Figma's text is the collapsed display value. In code that is `placeholder` when nothing is chosen; once something is, the label comes from the `options` array."
         }
       }
     },
-    "1156:296": {
-      "figmaComponent": "Agent Stop",
-      "figmaNodeId": "1156:296",
-      "figmaPage": "Agent Stop",
-      "component": "AgentStop",
-      "import": "import { AgentStop } from 'ionbase-ui';",
-      "docs": "components/agent-stop/index.html.md",
+    "1345:248": {
+      "figmaComponent": "Skeleton",
+      "figmaNodeId": "1345:248",
+      "figmaPage": "Skeleton",
+      "component": "Skeleton",
+      "import": "import { Skeleton } from 'ionbase-ui';",
+      "docs": "components/skeleton/index.html.md",
+      "props": {
+        "Variant": {
+          "prop": "variant",
+          "values": {
+            "Text": "text",
+            "Circle": "circle",
+            "Rect": "rect"
+          }
+        }
+      }
+    },
+    "1341:258": {
+      "figmaComponent": "Spinner",
+      "figmaNodeId": "1341:258",
+      "figmaPage": "Spinner",
+      "component": "Spinner",
+      "import": "import { Spinner } from 'ionbase-ui';",
+      "docs": "components/spinner/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
@@ -1090,230 +1359,159 @@
             "Large": "lg"
           }
         },
-        "State": {
-          "ignore": "Default/Hover are CSS states; Stopping is the drawn form of isStopping"
-        },
-        "Label#1156:0": {
+        "Label#1341:0": {
           "prop": "label"
         },
-        "Stopping Label#1156:10": {
-          "prop": "stoppingLabel"
-        },
-        "Focused#1156:20": {
-          "ignore": "drawn focus ring; :focus-visible in code"
+        "Show Label#1341:4": {
+          "prop": "isLabelVisible",
+          "note": "controls only whether the label is VISIBLE. The label is announced either way — turning this off in Figma does not remove it from the accessibility tree, and `isDecorative` is the prop that silences the component"
         }
       }
     },
-    "1160:423": {
-      "figmaComponent": "Approval Gate",
-      "figmaNodeId": "1160:423",
-      "figmaPage": "Approval Gate",
-      "component": "ApprovalGate",
-      "import": "import { ApprovalGate } from 'ionbase-ui';",
-      "docs": "components/approval-gate/index.html.md",
+    "1164:248": {
+      "figmaComponent": "Streaming Text",
+      "figmaNodeId": "1164:248",
+      "figmaPage": "Streaming Text",
+      "component": "StreamingText",
+      "import": "import { StreamingText } from 'ionbase-ui';",
+      "docs": "components/streaming-text/index.html.md",
       "props": {
-        "Risk": {
-          "prop": "risk",
+        "Streaming": {
+          "prop": "isStreaming",
           "values": {
-            "Low": "low",
-            "Medium": "medium",
-            "High": "high"
+            "True": true,
+            "False": false
           }
         },
-        "Status": {
-          "prop": "status",
-          "values": {
-            "Pending": "pending",
-            "Approved": "approved",
-            "Rejected": "rejected",
-            "Expired": "expired"
-          }
-        },
-        "Title#1160:0": {
-          "prop": "title"
-        },
-        "Detail#1160:13": {
+        "Text#1164:0": {
           "prop": "children"
-        },
-        "Show Detail#1160:26": {
-          "prop": "children",
-          "note": "false means no children passed"
-        },
-        "Reject Label#1160:39": {
-          "prop": "rejectLabel"
-        },
-        "Edit Label#1160:52": {
-          "prop": "editLabel"
-        },
-        "Approve Label#1160:65": {
-          "prop": "approveLabel"
-        },
-        "Show Edit#1160:78": {
-          "prop": "onEdit",
-          "note": "the Edit button renders only when onEdit is supplied"
         }
       }
     },
-    "1162:246": {
-      "figmaComponent": "Agent Activity",
-      "figmaNodeId": "1162:246",
-      "figmaPage": "Agent Activity",
-      "component": "AgentActivity",
-      "import": "import { AgentActivity } from 'ionbase-ui';",
-      "docs": "components/agent-activity/index.html.md",
-      "props": {}
-    },
-    "1161:287": {
-      "figmaComponent": "Agent Activity Step",
-      "figmaNodeId": "1161:287",
-      "figmaPage": "Agent Activity",
-      "component": "AgentActivityStep",
-      "import": "import { AgentActivityStep } from 'ionbase-ui';",
-      "docs": "components/agent-activity-step/index.html.md",
+    "174:103": {
+      "figmaComponent": "Table Cell",
+      "figmaNodeId": "174:103",
+      "figmaPage": "Table",
+      "component": "TableCell",
+      "import": "import { TableCell } from 'ionbase-ui';",
+      "docs": "components/table-cell/index.html.md",
       "props": {
-        "Status": {
-          "prop": "status",
-          "values": {
-            "Pending": "pending",
-            "Active": "active",
-            "Done": "done",
-            "Failed": "failed",
-            "Skipped": "skipped"
-          }
-        },
-        "Label#1162:0": {
-          "prop": "children"
-        },
-        "Detail#1162:6": {
-          "prop": "detail"
+        "Type": {
+          "prop": "header",
+          "when": {
+            "Header": true
+          },
+          "note": "Body is the default <td>"
         },
-        "Show Detail#1162:12": {
-          "prop": "detail",
-          "note": "false means detail is omitted"
-        }
-      }
-    },
-    "1164:248": {
-      "figmaComponent": "Streaming Text",
-      "figmaNodeId": "1164:248",
-      "figmaPage": "Streaming Text",
-      "component": "StreamingText",
-      "import": "import { StreamingText } from 'ionbase-ui';",
-      "docs": "components/streaming-text/index.html.md",
-      "props": {
-        "Streaming": {
-          "prop": "isStreaming",
+        "Align": {
+          "prop": "align",
           "values": {
-            "True": true,
-            "False": false
+            "Leading": "leading",
+            "Trailing": "trailing"
           }
         },
-        "Text#1164:0": {
+        "Show Divider#174:38": {
+          "prop": "showDivider"
+        },
+        "Content#174:37": {
           "prop": "children"
-        }
-      }
-    },
-    "1167:247": {
-      "figmaComponent": "Citation",
-      "figmaNodeId": "1167:247",
-      "figmaPage": "Citation",
-      "component": "Citation",
-      "import": "import { Citation } from 'ionbase-ui';",
-      "docs": "components/citation/index.html.md",
-      "props": {
-        "State": {
-          "ignore": "Default/Hover is :hover in code"
         },
-        "Index#1167:0": {
-          "prop": "index"
+        "Show Content#174:36": {
+          "prop": "children"
         },
-        "Focused#1167:3": {
-          "ignore": "drawn focus ring; :focus-visible in code"
-        }
-      }
-    },
-    "1168:246": {
-      "figmaComponent": "Citation List",
-      "figmaNodeId": "1168:246",
-      "figmaPage": "Citation",
-      "component": "CitationList",
-      "import": "import { CitationList } from 'ionbase-ui';",
-      "docs": "components/citation-list/index.html.md",
-      "props": {
-        "Label#1168:4": {
-          "prop": "label"
+        "Density": {
+          "ignore": "density is set once on Table and reaches the cell through CSS — a per-cell prop could disagree with its own table"
         }
       }
     },
-    "1168:241": {
-      "figmaComponent": "Citation List Item",
-      "figmaNodeId": "1168:241",
-      "figmaPage": "Citation",
-      "component": "CitationListItem",
-      "import": "import { CitationListItem } from 'ionbase-ui';",
-      "docs": "components/citation-list-item/index.html.md",
+    "175:605": {
+      "figmaComponent": "Table Row",
+      "figmaNodeId": "175:605",
+      "figmaPage": "Table",
+      "component": "TableRow",
+      "import": "import { TableRow } from 'ionbase-ui';",
+      "docs": "components/table-row/index.html.md",
       "props": {
-        "Index#1168:0": {
-          "prop": "index"
-        },
-        "Source#1168:1": {
-          "prop": "source"
+        "State": {
+          "prop": "isSelected",
+          "when": {
+            "Selected": true,
+            "Selected-Hover": true
+          },
+          "note": "Hover is CSS"
         },
-        "Passage#1168:2": {
-          "prop": "children"
+        "Show Selection#175:12": {
+          "prop": "selection",
+          "note": "takes the Checkbox's own props, not a boolean — a selectable row needs checked/onChange wiring"
         },
-        "Show Passage#1168:3": {
-          "prop": "children",
-          "note": "false means no children passed"
+        "Density": {
+          "ignore": "set once on Table; see Table Cell"
         }
       }
     },
-    "1166:262": {
-      "figmaComponent": "Confidence Indicator",
-      "figmaNodeId": "1166:262",
-      "figmaPage": "Confidence Indicator",
-      "component": "ConfidenceIndicator",
-      "import": "import { ConfidenceIndicator } from 'ionbase-ui';",
-      "docs": "components/confidence-indicator/index.html.md",
+    "157:126": {
+      "figmaComponent": "Tabs",
+      "figmaNodeId": "157:126",
+      "figmaPage": "Tabs",
+      "component": "Tabs",
+      "import": "import { Tabs } from 'ionbase-ui';",
+      "docs": "components/tabs/index.html.md",
       "props": {
-        "Level": {
-          "prop": "level",
+        "Type": {
+          "prop": "type",
           "values": {
-            "Low": "low",
-            "Medium": "medium",
-            "High": "high"
+            "Pill": "pill",
+            "Underline": "underline"
           }
         },
-        "Basis#1166:0": {
-          "prop": "basis"
+        "Orientation": {
+          "prop": "orientation",
+          "values": {
+            "Horizontal": "horizontal",
+            "Vertical": "vertical"
+          }
         }
       }
     },
-    "1291:503": {
-      "figmaComponent": "Pagination",
-      "figmaNodeId": "1291:503",
-      "figmaPage": "Pagination",
-      "component": "Pagination",
-      "import": "import { Pagination } from 'ionbase-ui';",
-      "docs": "components/pagination/index.html.md",
+    "156:259": {
+      "figmaComponent": "Tabs Item",
+      "figmaNodeId": "156:259",
+      "figmaPage": "Tabs",
+      "component": "TabItem",
+      "import": "import { TabItem } from 'ionbase-ui';",
+      "docs": "components/tab-item/index.html.md",
+      "note": "TabItem is a collection item and takes no props of its own. Type, Size and State belong to the parent Tabs or to its selection state, which is why almost everything here is ignored rather than mapped.",
+      "example": "<TabItem key=\"billing\" title=\"Billing\">Panel content</TabItem>",
       "props": {
+        "Label#156:216": {
+          "ignore": "TabItem's label is its `title` collection prop. It is not a typed prop the TypeScript checker can see, so there is nothing here to verify against — see TabItem's contract."
+        },
         "Type": {
-          "prop": "type",
-          "values": {
-            "Numbered": "numbered",
-            "Simple": "simple"
-          }
+          "ignore": "set on the parent Tabs, not per item"
         },
         "Size": {
-          "prop": "size",
-          "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg"
-          }
+          "ignore": "set on the parent Tabs, not per item"
         },
-        "Show Page Size#1291:0": {
-          "prop": "showPageSize"
+        "State": {
+          "ignore": "selection is the Tabs collection's state; Disabled is disabledKeys on Tabs"
+        },
+        "Show Label#156:218": {
+          "ignore": "a tab without a label is a tab that cannot be named"
+        },
+        "Show Leading Icon#156:217": {
+          "ignore": "not yet in the code component"
+        },
+        "Leading Icon#156:220": {
+          "ignore": "not yet in the code component"
+        },
+        "Show Trailing#156:219": {
+          "ignore": "not yet in the code component"
+        },
+        "Trailing#156:221": {
+          "ignore": "not yet in the code component"
+        },
+        "Focused#189:0": {
+          "ignore": "drawn focus ring; :focus-visible in code"
         }
       }
     },
@@ -1344,162 +1542,195 @@
           "prop": "value"
         }
       }
-    }
-  },
-  "byFigmaName": {
-    "Button": {
-      "figmaComponent": "Button",
-      "figmaNodeId": "21:461",
-      "figmaPage": "Buttons",
-      "component": "Button",
-      "import": "import { Button } from 'ionbase-ui';",
-      "docs": "components/button/index.html.md",
+    },
+    "820:1655": {
+      "figmaComponent": "Toast",
+      "figmaNodeId": "820:1655",
+      "figmaPage": "Toast",
+      "component": "Toast",
+      "import": "import { Toast } from 'ionbase-ui';",
+      "docs": "components/toast/index.html.md",
       "props": {
-        "Type": {
-          "prop": "variant",
+        "Intent": {
+          "prop": "intent",
           "values": {
-            "Primary Brand": "primary-brand",
-            "Primary Neutral": "primary-neutral",
-            "Primary Soft": "primary-soft",
-            "Secondary": "secondary",
-            "Tertiary": "tertiary",
-            "Destructive": "destructive",
-            "Success": "success"
+            "Neutral": "neutral",
+            "Primary": "primary",
+            "Success": "success",
+            "Warning": "warning",
+            "Error": "error",
+            "Information": "information"
           }
         },
+        "Title#820:0": {
+          "prop": "title"
+        },
+        "Show Title#820:14": {
+          "prop": "title"
+        },
+        "Message#820:7": {
+          "prop": "message"
+        },
+        "Show Message#820:21": {
+          "prop": "message"
+        },
+        "Show Action#820:28": {
+          "prop": "action",
+          "note": "one action only — a second belongs in a Modal"
+        },
+        "Show Dismiss#820:35": {
+          "prop": "dismissLabel",
+          "note": "the dismiss control is always rendered; only its label is configurable"
+        }
+      }
+    },
+    "88:323": {
+      "figmaComponent": "Toggle",
+      "figmaNodeId": "88:323",
+      "figmaPage": "Toggle",
+      "component": "Toggle",
+      "import": "import { Toggle } from 'ionbase-ui';",
+      "docs": "components/toggle/index.html.md",
+      "props": {
         "Size": {
           "prop": "size",
           "values": {
             "Small": "sm",
             "Medium": "md",
-            "Large": "lg",
-            "XLarge": "xl"
+            "Large": "lg"
+          }
+        },
+        "Color": {
+          "prop": "intent",
+          "values": {
+            "Brand": "brand",
+            "Neutral": "neutral",
+            "Danger": "danger"
           }
         },
         "State": {
-          "prop": "isDisabled",
-          "when": {
-            "Disabled": true
-          },
-          "note": "Default, Hover, Pressed and Focus are CSS and React Aria — :hover, :focus-visible, data-pressed — not props. Only Disabled is one."
+          "ignore": "On/Off is `checked`/`defaultChecked` on the underlying input, not a Toggle prop"
         },
-        "Label#21:375": {
+        "Label#88:0": {
           "prop": "children"
         },
-        "Leading Icon#21:378": {
-          "prop": "startIcon",
-          "note": "wrap in Icon; omit Icon's label, the button text names it"
-        },
-        "Trailing Icon#21:379": {
-          "prop": "endIcon",
-          "note": "same"
-        },
-        "Show Leading Icon#21:376": {
-          "prop": "startIcon",
-          "note": "an absent prop is the switch — React needs no Show boolean, so false means omit startIcon"
+        "Show Label#88:19": {
+          "prop": "children",
+          "note": "false means aria-label is required"
         },
-        "Show Trailing Icon#21:377": {
-          "prop": "endIcon",
-          "note": "same"
+        "Focused#188:19": {
+          "ignore": "drawn focus ring; :focus-visible in code"
         }
       }
     },
-    "Icon Button": {
-      "figmaComponent": "Icon Button",
-      "figmaNodeId": "623:151",
-      "figmaPage": "Buttons",
-      "component": "Button",
-      "import": "import { Button } from 'ionbase-ui';",
-      "docs": "components/button/index.html.md",
-      "note": "Not a separate component in code: an icon-only Button. It is the one case where aria-label is required, because there is no text to name it.",
+    "801:68": {
+      "figmaComponent": "Tooltip",
+      "figmaNodeId": "801:68",
+      "figmaPage": "Tooltip",
+      "component": "Tooltip",
+      "import": "import { Tooltip } from 'ionbase-ui';",
+      "docs": "components/tooltip/index.html.md",
       "props": {
-        "Type": {
-          "prop": "variant",
+        "Placement": {
+          "prop": "placement",
           "values": {
-            "Primary Brand": "primary-brand",
-            "Primary Neutral": "primary-neutral",
-            "Primary Soft": "primary-soft",
-            "Secondary": "secondary",
-            "Tertiary": "tertiary",
-            "Destructive": "destructive",
-            "Success": "success"
+            "Top": "top",
+            "Bottom": "bottom",
+            "Left": "left",
+            "Right": "right"
           }
         },
-        "Size": {
-          "prop": "size",
-          "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg",
-            "XLarge": "xl"
-          }
+        "Label#801:0": {
+          "prop": "label"
+        },
+        "Title#801:5": {
+          "prop": "title"
+        },
+        "Show Title#801:10": {
+          "prop": "title"
+        }
+      }
+    }
+  },
+  "byFigmaName": {
+    "Accordion": {
+      "figmaComponent": "Accordion",
+      "figmaNodeId": "1360:267",
+      "figmaPage": "Accordion",
+      "component": "Accordion",
+      "import": "import { Accordion } from 'ionbase-ui';",
+      "docs": "components/accordion/index.html.md",
+      "props": {}
+    },
+    "Accordion Item": {
+      "figmaComponent": "Accordion Item",
+      "figmaNodeId": "1360:266",
+      "figmaPage": "Accordion",
+      "component": "AccordionItem",
+      "import": "import { AccordionItem } from 'ionbase-ui';",
+      "docs": "components/accordion-item/index.html.md",
+      "props": {
+        "Title#1360:0": {
+          "prop": "title"
+        },
+        "Content#1360:4": {
+          "prop": "children"
         },
         "State": {
           "prop": "isDisabled",
           "when": {
             "Disabled": true
           },
-          "note": "as Button"
-        },
-        "Icon#623:0": {
-          "prop": "startIcon",
-          "note": "with Icon's own label omitted — the Button's aria-label carries the name"
-        },
-        "Shape": {
-          "ignore": "Figma draws a square and a circle variant; code has no shape prop. A round icon button is a className, not an API."
+          "note": "Collapsed and Expanded are the container’s expandedKeys, not the item’s: a static frame cannot own a selection, so the axis is drawn on the item and owned in code by Accordion."
         }
       }
     },
-    "Input": {
-      "figmaComponent": "Input",
-      "figmaNodeId": "80:275",
-      "figmaPage": "Input",
-      "component": "Input",
-      "import": "import { Input } from 'ionbase-ui';",
-      "docs": "components/input/index.html.md",
+    "Agent Activity": {
+      "figmaComponent": "Agent Activity",
+      "figmaNodeId": "1162:246",
+      "figmaPage": "Agent Activity",
+      "component": "AgentActivity",
+      "import": "import { AgentActivity } from 'ionbase-ui';",
+      "docs": "components/agent-activity/index.html.md",
+      "props": {}
+    },
+    "Agent Activity Step": {
+      "figmaComponent": "Agent Activity Step",
+      "figmaNodeId": "1161:287",
+      "figmaPage": "Agent Activity",
+      "component": "AgentActivityStep",
+      "import": "import { AgentActivityStep } from 'ionbase-ui';",
+      "docs": "components/agent-activity-step/index.html.md",
       "props": {
-        "Size": {
-          "prop": "size",
+        "Status": {
+          "prop": "status",
           "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg"
+            "Pending": "pending",
+            "Active": "active",
+            "Done": "done",
+            "Failed": "failed",
+            "Skipped": "skipped"
           }
         },
-        "State": {
-          "prop": "isInvalid",
-          "when": {
-            "Invalid": true
-          },
-          "note": "Hover, Focus and Filled are CSS or content. Disabled is isDisabled, Read-only is isReadOnly — both react-aria props rather than this axis."
-        },
-        "Value#80:0": {
-          "prop": "value",
-          "note": "or defaultValue when uncontrolled; Figma's text is placeholder content, not necessarily a value"
-        },
-        "Leading Icon#80:66": {
-          "prop": "leadingIcon"
-        },
-        "Trailing Icon#80:88": {
-          "prop": "trailingIcon"
+        "Label#1162:0": {
+          "prop": "children"
         },
-        "Show Leading Icon#80:22": {
-          "prop": "leadingIcon",
-          "note": "false means omit the prop"
+        "Detail#1162:6": {
+          "prop": "detail"
         },
-        "Show Trailing Icon#80:44": {
-          "prop": "trailingIcon",
-          "note": "false means omit the prop"
+        "Show Detail#1162:12": {
+          "prop": "detail",
+          "note": "false means detail is omitted"
         }
       }
     },
-    "Input/Phone": {
-      "figmaComponent": "Input/Phone",
-      "figmaNodeId": "80:372",
-      "figmaPage": "Input",
-      "component": "PhoneInput",
-      "import": "import { PhoneInput } from 'ionbase-ui';",
-      "docs": "components/phone-input/index.html.md",
+    "Agent Stop": {
+      "figmaComponent": "Agent Stop",
+      "figmaNodeId": "1156:296",
+      "figmaPage": "Agent Stop",
+      "component": "AgentStop",
+      "import": "import { AgentStop } from 'ionbase-ui';",
+      "docs": "components/agent-stop/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
@@ -1509,159 +1740,246 @@
             "Large": "lg"
           }
         },
-        "Dial Code#80:126": {
-          "prop": "dialCode"
+        "State": {
+          "ignore": "Default/Hover are CSS states; Stopping is the drawn form of isStopping"
+        },
+        "Label#1156:0": {
+          "prop": "label"
+        },
+        "Stopping Label#1156:10": {
+          "prop": "stoppingLabel"
+        },
+        "Focused#1156:20": {
+          "ignore": "drawn focus ring; :focus-visible in code"
         }
       }
     },
-    "Select": {
-      "figmaComponent": "Select",
-      "figmaNodeId": "82:379",
-      "figmaPage": "Select",
-      "component": "Select",
-      "import": "import { Select } from 'ionbase-ui';",
-      "docs": "components/select/index.html.md",
+    "Alert": {
+      "figmaComponent": "Alert",
+      "figmaNodeId": "812:1902",
+      "figmaPage": "Alert",
+      "component": "Alert",
+      "import": "import { Alert } from 'ionbase-ui';",
+      "docs": "components/alert/index.html.md",
       "props": {
-        "Size": {
-          "prop": "size",
+        "Intent": {
+          "prop": "intent",
           "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg"
+            "Neutral": "neutral",
+            "Primary": "primary",
+            "Success": "success",
+            "Warning": "warning",
+            "Error": "error",
+            "Information": "information"
           }
         },
-        "State": {
-          "prop": "isInvalid",
-          "when": {
-            "Invalid": true
-          },
-          "note": "Hover, Focus and Filled are CSS or content; Disabled is isDisabled"
+        "Emphasis": {
+          "prop": "emphasis",
+          "values": {
+            "Subtle": "subtle",
+            "Solid": "solid"
+          }
         },
-        "Value#82:18": {
-          "prop": "placeholder",
-          "note": "Figma's text is the collapsed display value. In code that is `placeholder` when nothing is chosen; once something is, the label comes from the `options` array."
+        "Layout": {
+          "prop": "layout",
+          "values": {
+            "Inline": "inline",
+            "Banner": "banner"
+          }
+        },
+        "Title#812:0": {
+          "prop": "title"
+        },
+        "Show Title#812:50": {
+          "prop": "title",
+          "note": "false means omit title"
+        },
+        "Message#812:25": {
+          "prop": "children"
+        },
+        "Show Icon#812:75": {
+          "prop": "hideIcon",
+          "note": "inverted — Figma's Show Icon false is hideIcon true"
+        },
+        "Show Dismiss#812:100": {
+          "prop": "onDismiss",
+          "note": "the dismiss button appears when a handler is passed; there is no boolean"
+        },
+        "Show Actions#812:125": {
+          "prop": "actions",
+          "note": "an absent prop is the switch"
         }
       }
     },
-    "Checkbox": {
-      "figmaComponent": "Checkbox",
-      "figmaNodeId": "87:350",
-      "figmaPage": "Checkbox",
-      "component": "Checkbox",
-      "import": "import { Checkbox } from 'ionbase-ui';",
-      "docs": "components/checkbox/index.html.md",
+    "Approval Gate": {
+      "figmaComponent": "Approval Gate",
+      "figmaNodeId": "1160:423",
+      "figmaPage": "Approval Gate",
+      "component": "ApprovalGate",
+      "import": "import { ApprovalGate } from 'ionbase-ui';",
+      "docs": "components/approval-gate/index.html.md",
+      "props": {
+        "Risk": {
+          "prop": "risk",
+          "values": {
+            "Low": "low",
+            "Medium": "medium",
+            "High": "high"
+          }
+        },
+        "Status": {
+          "prop": "status",
+          "values": {
+            "Pending": "pending",
+            "Approved": "approved",
+            "Rejected": "rejected",
+            "Expired": "expired"
+          }
+        },
+        "Title#1160:0": {
+          "prop": "title"
+        },
+        "Detail#1160:13": {
+          "prop": "children"
+        },
+        "Show Detail#1160:26": {
+          "prop": "children",
+          "note": "false means no children passed"
+        },
+        "Reject Label#1160:39": {
+          "prop": "rejectLabel"
+        },
+        "Edit Label#1160:52": {
+          "prop": "editLabel"
+        },
+        "Approve Label#1160:65": {
+          "prop": "approveLabel"
+        },
+        "Show Edit#1160:78": {
+          "prop": "onEdit",
+          "note": "the Edit button renders only when onEdit is supplied"
+        }
+      }
+    },
+    "Avatar": {
+      "figmaComponent": "Avatar",
+      "figmaNodeId": "74:164",
+      "figmaPage": "Avatar",
+      "component": "Avatar",
+      "import": "import { Avatar } from 'ionbase-ui';",
+      "docs": "components/avatar/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
           "values": {
+            "Mini": "mini",
             "Small": "sm",
             "Medium": "md",
             "Large": "lg"
           }
         },
-        "Color": {
-          "prop": "intent",
+        "Shape": {
+          "prop": "shape",
           "values": {
-            "Brand": "brand",
-            "Neutral": "neutral",
-            "Danger": "danger"
+            "Circle": "circle",
+            "Square": "square"
           }
         },
-        "State": {
-          "prop": "isIndeterminate",
+        "Type": {
+          "prop": "src",
           "when": {
-            "Indeterminate": true,
-            "Indeterminate-disabled": true
+            "Image": true
           },
-          "note": "Checked is `checked`/`defaultChecked`, and the -disabled halves are isDisabled. One Figma axis, three code props, which is why it is not a single mapping."
+          "note": "code picks by precedence rather than a type prop: src, then initials, then icon. Character means pass initials, Icon means pass icon."
         },
-        "Label#87:0": {
-          "prop": "children"
+        "Initials#74:25": {
+          "prop": "initials"
         },
-        "Show Label#87:28": {
-          "prop": "children",
-          "note": "false means a bare box — and then aria-label becomes required"
+        "Icon#74:50": {
+          "prop": "icon"
         },
-        "Focused#188:38": {
-          "ignore": "a drawn focus ring. In code it is :focus-visible, which the browser owns."
+        "Show Ring#1009:0": {
+          "prop": "ring"
+        },
+        "Show Top Indicator#1009:25": {
+          "prop": "topIndicator",
+          "note": "Figma needs a boolean because the intent lives on the nested Status Indicator instance; code takes the intent itself, so passing one is what shows the mark. The drawn instance is Intent=Primary with its check glyph, which is what `topIndicator=\"primary\"` renders."
+        },
+        "Show Bottom Indicator#1009:50": {
+          "prop": "bottomIndicator",
+          "note": "As the top indicator — the intent comes from the nested Status Indicator, which a boolean cannot carry. The drawn instance is Intent=Success with no glyph."
         }
       }
     },
-    "Radio": {
-      "figmaComponent": "Radio",
-      "figmaNodeId": "89:314",
-      "figmaPage": "Radio",
-      "component": "Radio",
-      "import": "import { Radio } from 'ionbase-ui';",
-      "docs": "components/radio/index.html.md",
+    "Avatar Gradient": {
+      "figmaComponent": "Avatar Gradient",
+      "figmaNodeId": "1054:305",
+      "figmaPage": "Avatar",
+      "component": "AvatarGradient",
+      "import": "import { AvatarGradient } from 'ionbase-ui';",
+      "docs": "components/avatar-gradient/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
           "values": {
+            "Mini": "mini",
             "Small": "sm",
             "Medium": "md",
             "Large": "lg"
           }
         },
         "Color": {
-          "prop": "intent",
+          "prop": "color",
           "values": {
-            "Brand": "brand",
-            "Neutral": "neutral",
-            "Danger": "danger"
+            "Slate": "slate",
+            "Blue": "blue",
+            "Violet": "violet",
+            "Pink": "pink",
+            "Orange": "orange",
+            "Green": "green",
+            "Red": "red"
           }
         },
-        "State": {
-          "ignore": "Selected/Unselected is the RadioGroup's value, not a prop on the Radio — a radio cannot own its own selection"
-        },
-        "Label#89:0": {
-          "prop": "children"
-        },
-        "Show Label#89:19": {
-          "prop": "children",
-          "note": "false means aria-label is required"
-        },
-        "Focused#188:0": {
-          "ignore": "drawn focus ring; :focus-visible in code"
+        "Initials#1054:32": {
+          "prop": "initials"
         }
       }
     },
-    "Toggle": {
-      "figmaComponent": "Toggle",
-      "figmaNodeId": "88:323",
-      "figmaPage": "Toggle",
-      "component": "Toggle",
-      "import": "import { Toggle } from 'ionbase-ui';",
-      "docs": "components/toggle/index.html.md",
+    "Avatar Group": {
+      "figmaComponent": "Avatar Group",
+      "figmaNodeId": "74:279",
+      "figmaPage": "Avatar",
+      "component": "AvatarGroup",
+      "import": "import { AvatarGroup } from 'ionbase-ui';",
+      "docs": "components/avatar-group/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
           "values": {
+            "Mini": "mini",
             "Small": "sm",
             "Medium": "md",
             "Large": "lg"
           }
         },
-        "Color": {
-          "prop": "intent",
+        "Shape": {
+          "prop": "shape",
           "values": {
-            "Brand": "brand",
-            "Neutral": "neutral",
-            "Danger": "danger"
+            "Circle": "circle",
+            "Square": "square"
           }
         },
-        "State": {
-          "ignore": "On/Off is `checked`/`defaultChecked` on the underlying input, not a Toggle prop"
-        },
-        "Label#88:0": {
-          "prop": "children"
+        "Show Overflow#74:84": {
+          "prop": "max",
+          "note": "the +N avatar appears when children exceed max"
         },
-        "Show Label#88:19": {
+        "Show Avatar 3#74:93": {
           "prop": "children",
-          "note": "false means aria-label is required"
+          "note": "Figma needs a boolean per slot; React just renders fewer children"
         },
-        "Focused#188:19": {
-          "ignore": "drawn focus ring; :focus-visible in code"
+        "Show Avatar 4#74:102": {
+          "prop": "children",
+          "note": "same"
         }
       }
     },
@@ -1717,469 +2035,611 @@
         }
       }
     },
-    "Alert": {
-      "figmaComponent": "Alert",
-      "figmaNodeId": "812:1902",
-      "figmaPage": "Alert",
-      "component": "Alert",
-      "import": "import { Alert } from 'ionbase-ui';",
-      "docs": "components/alert/index.html.md",
+    "Border": {
+      "figmaComponent": "Border",
+      "figmaNodeId": "126:22724",
+      "figmaPage": "Divider",
+      "component": "Divider",
+      "import": "import { Divider } from 'ionbase-ui';",
+      "docs": "components/divider/index.html.md",
+      "note": "Figma calls it Border; the code component is Divider, because it renders an <hr> and an <hr> is a thematic break rather than an edge.",
       "props": {
-        "Intent": {
-          "prop": "intent",
-          "values": {
-            "Neutral": "neutral",
-            "Primary": "primary",
-            "Success": "success",
-            "Warning": "warning",
-            "Error": "error",
-            "Information": "information"
-          }
-        },
-        "Emphasis": {
-          "prop": "emphasis",
-          "values": {
-            "Subtle": "subtle",
-            "Solid": "solid"
-          }
-        },
-        "Layout": {
-          "prop": "layout",
+        "Style": {
+          "prop": "orientation",
           "values": {
-            "Inline": "inline",
-            "Banner": "banner"
+            "Horizontal": "horizontal",
+            "Vertical": "vertical"
           }
-        },
-        "Title#812:0": {
-          "prop": "title"
-        },
-        "Show Title#812:50": {
-          "prop": "title",
-          "note": "false means omit title"
-        },
-        "Message#812:25": {
+        }
+      }
+    },
+    "Breadcrumb": {
+      "figmaComponent": "Breadcrumb",
+      "figmaNodeId": "1359:252",
+      "figmaPage": "Breadcrumb",
+      "component": "Breadcrumb",
+      "import": "import { Breadcrumb } from 'ionbase-ui';",
+      "docs": "components/breadcrumb/index.html.md",
+      "props": {}
+    },
+    "Breadcrumb Item": {
+      "figmaComponent": "Breadcrumb Item",
+      "figmaNodeId": "1359:251",
+      "figmaPage": "Breadcrumb",
+      "component": "BreadcrumbItem",
+      "import": "import { BreadcrumbItem } from 'ionbase-ui';",
+      "docs": "components/breadcrumb-item/index.html.md",
+      "props": {
+        "Label#1359:0": {
           "prop": "children"
         },
-        "Show Icon#812:75": {
-          "prop": "hideIcon",
-          "note": "inverted — Figma's Show Icon false is hideIcon true"
+        "Show Separator#1359:4": {
+          "ignore": "The separator is a CSS ::before in code and never markup, so it stays out of the accessibility tree — a \"/\" in the DOM is the usual build of this component and the usual defect. Figma has no generated content, so it is drawn as a real text layer and switched off on the first crumb. A drawing convenience with no prop behind it."
         },
-        "Show Dismiss#812:100": {
-          "prop": "onDismiss",
-          "note": "the dismiss button appears when a handler is passed; there is no boolean"
-        },
-        "Show Actions#812:125": {
-          "prop": "actions",
-          "note": "an absent prop is the switch"
+        "State": {
+          "prop": "isCurrent",
+          "when": {
+            "Current": true
+          },
+          "note": "Default is the resting link and Hover is CSS. Only Current is a prop, because the last crumb renders as text rather than a link."
         }
       }
     },
-    "Toast": {
-      "figmaComponent": "Toast",
-      "figmaNodeId": "820:1655",
-      "figmaPage": "Toast",
-      "component": "Toast",
-      "import": "import { Toast } from 'ionbase-ui';",
-      "docs": "components/toast/index.html.md",
+    "Button": {
+      "figmaComponent": "Button",
+      "figmaNodeId": "21:461",
+      "figmaPage": "Buttons",
+      "component": "Button",
+      "import": "import { Button } from 'ionbase-ui';",
+      "docs": "components/button/index.html.md",
       "props": {
-        "Intent": {
-          "prop": "intent",
+        "Type": {
+          "prop": "variant",
           "values": {
-            "Neutral": "neutral",
-            "Primary": "primary",
-            "Success": "success",
-            "Warning": "warning",
-            "Error": "error",
-            "Information": "information"
+            "Primary Brand": "primary-brand",
+            "Primary Neutral": "primary-neutral",
+            "Primary Soft": "primary-soft",
+            "Secondary": "secondary",
+            "Tertiary": "tertiary",
+            "Destructive": "destructive",
+            "Success": "success"
           }
         },
-        "Title#820:0": {
-          "prop": "title"
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg",
+            "XLarge": "xl"
+          }
         },
-        "Show Title#820:14": {
-          "prop": "title"
+        "State": {
+          "prop": "isDisabled",
+          "when": {
+            "Disabled": true
+          },
+          "note": "Default, Hover, Pressed and Focus are CSS and React Aria — :hover, :focus-visible, data-pressed — not props. Only Disabled is one."
         },
-        "Message#820:7": {
-          "prop": "message"
+        "Label#21:375": {
+          "prop": "children"
         },
-        "Show Message#820:21": {
-          "prop": "message"
+        "Leading Icon#21:378": {
+          "prop": "startIcon",
+          "note": "wrap in Icon; omit Icon's label, the button text names it"
         },
-        "Show Action#820:28": {
-          "prop": "action",
-          "note": "one action only — a second belongs in a Modal"
+        "Trailing Icon#21:379": {
+          "prop": "endIcon",
+          "note": "same"
         },
-        "Show Dismiss#820:35": {
-          "prop": "dismissLabel",
-          "note": "the dismiss control is always rendered; only its label is configurable"
+        "Show Leading Icon#21:376": {
+          "prop": "startIcon",
+          "note": "an absent prop is the switch — React needs no Show boolean, so false means omit startIcon"
+        },
+        "Show Trailing Icon#21:377": {
+          "prop": "endIcon",
+          "note": "same"
         }
       }
     },
-    "Link": {
-      "figmaComponent": "Link",
-      "figmaNodeId": "774:1516",
-      "figmaPage": "Link",
-      "component": "Link",
-      "import": "import { Link } from 'ionbase-ui';",
-      "docs": "components/link/index.html.md",
+    "Checkbox": {
+      "figmaComponent": "Checkbox",
+      "figmaNodeId": "87:350",
+      "figmaPage": "Checkbox",
+      "component": "Checkbox",
+      "import": "import { Checkbox } from 'ionbase-ui';",
+      "docs": "components/checkbox/index.html.md",
       "props": {
-        "Type": {
-          "prop": "variant",
+        "Size": {
+          "prop": "size",
           "values": {
-            "Inline": "inline",
-            "Standalone": "standalone"
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
+        },
+        "Color": {
+          "prop": "intent",
+          "values": {
+            "Brand": "brand",
+            "Neutral": "neutral",
+            "Danger": "danger"
           }
         },
         "State": {
-          "prop": "isDisabled",
+          "prop": "isIndeterminate",
           "when": {
-            "Disabled": true
+            "Indeterminate": true,
+            "Indeterminate-disabled": true
           },
-          "note": "Hover and Focus are CSS; Visited is :visited, which no prop can set"
+          "note": "Checked is `checked`/`defaultChecked`, and the -disabled halves are isDisabled. One Figma axis, three code props, which is why it is not a single mapping."
         },
-        "Label#774:0": {
+        "Label#87:0": {
           "prop": "children"
         },
-        "Leading Icon#774:33": {
-          "prop": "startIcon"
-        },
-        "Trailing Icon#774:44": {
-          "prop": "endIcon"
-        },
-        "Show Leading Icon#774:11": {
-          "prop": "startIcon"
+        "Show Label#87:28": {
+          "prop": "children",
+          "note": "false means a bare box — and then aria-label becomes required"
         },
-        "Show Trailing Icon#774:22": {
-          "prop": "endIcon"
+        "Focused#188:38": {
+          "ignore": "a drawn focus ring. In code it is :focus-visible, which the browser owns."
         }
       }
     },
-    "Nav Item": {
-      "figmaComponent": "Nav Item",
-      "figmaNodeId": "53:13",
-      "figmaPage": "Nav Item",
-      "component": "NavItem",
-      "import": "import { NavItem } from 'ionbase-ui';",
-      "docs": "components/nav-item/index.html.md",
+    "Citation": {
+      "figmaComponent": "Citation",
+      "figmaNodeId": "1167:247",
+      "figmaPage": "Citation",
+      "component": "Citation",
+      "import": "import { Citation } from 'ionbase-ui';",
+      "docs": "components/citation/index.html.md",
       "props": {
         "State": {
-          "ignore": "Default and Hover are CSS and React Aria's useHover, not props"
-        },
-        "Label#53:0": {
-          "prop": "children"
+          "ignore": "Default/Hover is :hover in code"
         },
-        "Icon#61:0": {
-          "prop": "icon"
+        "Index#1167:0": {
+          "prop": "index"
         },
-        "Show Chevron#53:3": {
-          "prop": "showChevron"
+        "Focused#1167:3": {
+          "ignore": "drawn focus ring; :focus-visible in code"
         }
       }
     },
-    "Menu": {
-      "figmaComponent": "Menu",
-      "figmaNodeId": "82:306",
-      "figmaPage": "Menu",
-      "component": "Menu",
-      "import": "import { Menu } from 'ionbase-ui';",
-      "docs": "components/menu/index.html.md",
+    "Citation List": {
+      "figmaComponent": "Citation List",
+      "figmaNodeId": "1168:246",
+      "figmaPage": "Citation",
+      "component": "CitationList",
+      "import": "import { CitationList } from 'ionbase-ui';",
+      "docs": "components/citation-list/index.html.md",
       "props": {
-        "Type": {
-          "ignore": "Single and Multi describe how many items may be selected, which is the caller's state. Menu renders the surface and holds no selection of its own."
+        "Label#1168:4": {
+          "prop": "label"
         }
       }
     },
-    "Menu Item": {
-      "figmaComponent": "Menu Item",
-      "figmaNodeId": "639:2634",
-      "figmaPage": "Side Menu",
-      "component": "MenuItem",
-      "import": "import { MenuItem } from 'ionbase-ui';",
-      "docs": "components/menu-item/index.html.md",
+    "Citation List Item": {
+      "figmaComponent": "Citation List Item",
+      "figmaNodeId": "1168:241",
+      "figmaPage": "Citation",
+      "component": "CitationListItem",
+      "import": "import { CitationListItem } from 'ionbase-ui';",
+      "docs": "components/citation-list-item/index.html.md",
       "props": {
-        "Status": {
-          "prop": "isSelected",
-          "when": {
-            "Selected": true,
-            "Selected Primary": true
-          },
-          "note": "Hover is CSS. Selected Primary is a second selected styling Figma draws and code does not yet ship."
+        "Index#1168:0": {
+          "prop": "index"
         },
-        "Text#639:12": {
+        "Source#1168:1": {
+          "prop": "source"
+        },
+        "Passage#1168:2": {
           "prop": "children"
         },
-        "Show Icon#639:16": {
-          "prop": "icon"
+        "Show Passage#1168:3": {
+          "prop": "children",
+          "note": "false means no children passed"
+        }
+      }
+    },
+    "Combobox": {
+      "figmaComponent": "Combobox",
+      "figmaNodeId": "1370:2359",
+      "figmaPage": "Combobox",
+      "component": "Combobox",
+      "import": "import { Combobox } from 'ionbase-ui';",
+      "docs": "components/combobox/index.html.md",
+      "props": {
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
         },
-        "Select Icon#639:20": {
-          "prop": "icon"
+        "State": {
+          "prop": "isInvalid",
+          "when": {
+            "Invalid": true
+          },
+          "note": "Hover, Focus and Filled are CSS or content; Disabled is isDisabled and Read-only is isReadOnly. The same split Input records, because the field is Input’s box."
+        },
+        "Value#1370:0": {
+          "prop": "placeholder",
+          "note": "Figma’s text is whatever the field shows. In code that is `placeholder` until something is chosen; after that it is the selected option’s label, which comes from `options`."
         }
       }
     },
-    "Tabs": {
-      "figmaComponent": "Tabs",
-      "figmaNodeId": "157:126",
-      "figmaPage": "Tabs",
-      "component": "Tabs",
-      "import": "import { Tabs } from 'ionbase-ui';",
-      "docs": "components/tabs/index.html.md",
+    "Confidence Indicator": {
+      "figmaComponent": "Confidence Indicator",
+      "figmaNodeId": "1166:262",
+      "figmaPage": "Confidence Indicator",
+      "component": "ConfidenceIndicator",
+      "import": "import { ConfidenceIndicator } from 'ionbase-ui';",
+      "docs": "components/confidence-indicator/index.html.md",
+      "props": {
+        "Level": {
+          "prop": "level",
+          "values": {
+            "Low": "low",
+            "Medium": "medium",
+            "High": "high"
+          }
+        },
+        "Basis#1166:0": {
+          "prop": "basis"
+        }
+      }
+    },
+    "Drawer": {
+      "figmaComponent": "Drawer",
+      "figmaNodeId": "1365:2404",
+      "figmaPage": "Drawer",
+      "component": "Drawer",
+      "import": "import { Drawer } from 'ionbase-ui';",
+      "docs": "components/drawer/index.html.md",
+      "props": {
+        "Placement": {
+          "prop": "placement",
+          "values": {
+            "Start": "start",
+            "End": "end",
+            "Top": "top",
+            "Bottom": "bottom"
+          }
+        },
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
+        },
+        "Title#1365:0": {
+          "prop": "title"
+        },
+        "Description#1365:13": {
+          "prop": "description"
+        },
+        "Show Description#1365:26": {
+          "prop": "description",
+          "note": "false means description is omitted"
+        },
+        "Show Close#1365:39": {
+          "prop": "showClose"
+        },
+        "Show Footer#1365:52": {
+          "prop": "footer",
+          "note": "false means footer is omitted"
+        }
+      }
+    },
+    "Empty State": {
+      "figmaComponent": "Empty State",
+      "figmaNodeId": "1334:2294",
+      "figmaPage": "Empty State",
+      "component": "EmptyState",
+      "import": "import { EmptyState } from 'ionbase-ui';",
+      "docs": "components/empty-state/index.html.md",
       "props": {
-        "Type": {
-          "prop": "type",
+        "Size": {
+          "prop": "size",
           "values": {
-            "Pill": "pill",
-            "Underline": "underline"
+            "Inline": "inline",
+            "Panel": "panel",
+            "Page": "page"
           }
         },
-        "Orientation": {
-          "prop": "orientation",
+        "Reason": {
+          "prop": "reason",
           "values": {
-            "Horizontal": "horizontal",
-            "Vertical": "vertical"
+            "No Results": "no-results",
+            "First Run": "first-run",
+            "No Access": "no-access",
+            "Error": "error"
           }
+        },
+        "Title#1334:0": {
+          "prop": "title"
+        },
+        "Description#1334:13": {
+          "prop": "description"
+        },
+        "Show Description#1334:39": {
+          "prop": "description",
+          "note": "an absent prop is the switch"
+        },
+        "Show Icon#1334:26": {
+          "prop": "icon",
+          "note": "the mark renders when a node is passed; there is no boolean, and reason picks the tint rather than the glyph"
+        },
+        "Show Actions#1334:52": {
+          "prop": "action",
+          "note": "the row appears when action or secondaryAction is passed; there is no boolean"
         }
       }
     },
-    "Tabs Item": {
-      "figmaComponent": "Tabs Item",
-      "figmaNodeId": "156:259",
-      "figmaPage": "Tabs",
-      "component": "TabItem",
-      "import": "import { TabItem } from 'ionbase-ui';",
-      "docs": "components/tab-item/index.html.md",
-      "note": "TabItem is a collection item and takes no props of its own. Type, Size and State belong to the parent Tabs or to its selection state, which is why almost everything here is ignored rather than mapped.",
-      "example": "<TabItem key=\"billing\" title=\"Billing\">Panel content</TabItem>",
+    "File Upload": {
+      "figmaComponent": "File Upload",
+      "figmaNodeId": "1367:2333",
+      "figmaPage": "File Upload",
+      "component": "FileUpload",
+      "import": "import { FileUpload } from 'ionbase-ui';",
+      "docs": "components/file-upload/index.html.md",
       "props": {
-        "Label#156:216": {
-          "ignore": "TabItem's label is its `title` collection prop. It is not a typed prop the TypeScript checker can see, so there is nothing here to verify against — see TabItem's contract."
-        },
-        "Type": {
-          "ignore": "set on the parent Tabs, not per item"
-        },
         "Size": {
-          "ignore": "set on the parent Tabs, not per item"
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md"
+          }
         },
         "State": {
-          "ignore": "selection is the Tabs collection's state; Disabled is disabledKeys on Tabs"
-        },
-        "Show Label#156:218": {
-          "ignore": "a tab without a label is a tab that cannot be named"
-        },
-        "Show Leading Icon#156:217": {
-          "ignore": "not yet in the code component"
+          "prop": "isInvalid",
+          "when": {
+            "Invalid": true
+          },
+          "note": "Hover and Dragging are CSS; Disabled is isDisabled. Dragging has no prop at all — it is a pointer state the browser owns."
         },
-        "Leading Icon#156:220": {
-          "ignore": "not yet in the code component"
+        "Prompt#1367:0": {
+          "prop": "prompt"
         },
-        "Show Trailing#156:219": {
-          "ignore": "not yet in the code component"
+        "Hint#1367:11": {
+          "prop": "hint"
         },
-        "Trailing#156:221": {
-          "ignore": "not yet in the code component"
+        "Show Hint#1367:22": {
+          "prop": "hint",
+          "note": "false means hint is omitted"
         },
-        "Focused#189:0": {
-          "ignore": "drawn focus ring; :focus-visible in code"
+        "Icon#1367:33": {
+          "ignore": "The upload glyph is inlined in the component, like Select’s chevron: it is part of the control rather than a slot a caller fills, so there is no prop to swap it. The INSTANCE_SWAP exists so a designer can substitute it in a mock without detaching."
         }
       }
     },
-    "Table Cell": {
-      "figmaComponent": "Table Cell",
-      "figmaNodeId": "174:103",
-      "figmaPage": "Table",
-      "component": "TableCell",
-      "import": "import { TableCell } from 'ionbase-ui';",
-      "docs": "components/table-cell/index.html.md",
+    "Full Card": {
+      "figmaComponent": "Full Card",
+      "figmaNodeId": "592:857",
+      "figmaPage": "Card",
+      "component": "FullCard",
+      "import": "import { FullCard } from 'ionbase-ui';",
+      "docs": "components/full-card/index.html.md",
       "props": {
-        "Type": {
-          "prop": "header",
-          "when": {
-            "Header": true
+        "Row Reverse": {
+          "prop": "alignment",
+          "values": {
+            "True": "left",
+            "False": "right"
           },
-          "note": "Body is the default <td>"
+          "note": "Figma's boolean reverses the row; the code prop names which side the MEDIA sits on"
         },
-        "Align": {
-          "prop": "align",
-          "values": {
-            "Leading": "leading",
-            "Trailing": "trailing"
-          }
+        "Headline#592:0": {
+          "prop": "headline"
         },
-        "Show Divider#174:38": {
-          "prop": "showDivider"
+        "Description#592:1": {
+          "prop": "description"
         },
-        "Content#174:37": {
-          "prop": "children"
+        "Show Description#592:3": {
+          "prop": "description"
         },
-        "Show Content#174:36": {
-          "prop": "children"
+        "Eyebrow#592:5": {
+          "prop": "eyebrow"
         },
-        "Density": {
-          "ignore": "density is set once on Table and reaches the cell through CSS — a per-cell prop could disagree with its own table"
+        "Show Eyebrow#592:2": {
+          "prop": "eyebrow"
+        },
+        "Actions#592:6": {
+          "prop": "actions"
+        },
+        "Show Actions#592:4": {
+          "prop": "actions"
+        },
+        "Media#592:7": {
+          "prop": "media",
+          "note": "pass the screenshot itself — the component draws the frame"
         }
       }
     },
-    "Table Row": {
-      "figmaComponent": "Table Row",
-      "figmaNodeId": "175:605",
-      "figmaPage": "Table",
-      "component": "TableRow",
-      "import": "import { TableRow } from 'ionbase-ui';",
-      "docs": "components/table-row/index.html.md",
+    "Header": {
+      "figmaComponent": "Header",
+      "figmaNodeId": "69:335",
+      "figmaPage": "Header",
+      "component": "Header",
+      "import": "import { Header } from 'ionbase-ui';",
+      "docs": "components/header/index.html.md",
       "props": {
-        "State": {
-          "prop": "isSelected",
+        "Device": {
+          "prop": "open",
           "when": {
-            "Selected": true,
-            "Selected-Hover": true
+            "Mobile-Open": true,
+            "Mobile-Closed": false
           },
-          "note": "Hover is CSS"
+          "note": "Figma spells one four-way axis; code splits it in two. Desktop/Tablet/Mobile is a media query the browser already answers, and only Open/Closed is a prop."
         },
-        "Show Selection#175:12": {
-          "prop": "selection",
-          "note": "takes the Checkbox's own props, not a boolean — a selectable row needs checked/onChange wiring"
+        "Center Slot#68:12": {
+          "prop": "center"
         },
-        "Density": {
-          "ignore": "set once on Table; see Table Cell"
+        "End Slot#68:16": {
+          "prop": "end"
+        },
+        "End Slot#667:37": {
+          "prop": "end",
+          "note": "a duplicate slot in the Figma component"
+        },
+        "Show Center Slot#69:0": {
+          "prop": "center"
+        },
+        "Show End Slot#69:4": {
+          "prop": "end"
         }
       }
     },
-    "Avatar": {
-      "figmaComponent": "Avatar",
-      "figmaNodeId": "74:164",
-      "figmaPage": "Avatar",
-      "component": "Avatar",
-      "import": "import { Avatar } from 'ionbase-ui';",
-      "docs": "components/avatar/index.html.md",
+    "Icon Button": {
+      "figmaComponent": "Icon Button",
+      "figmaNodeId": "623:151",
+      "figmaPage": "Buttons",
+      "component": "Button",
+      "import": "import { Button } from 'ionbase-ui';",
+      "docs": "components/button/index.html.md",
+      "note": "Not a separate component in code: an icon-only Button. It is the one case where aria-label is required, because there is no text to name it.",
       "props": {
+        "Type": {
+          "prop": "variant",
+          "values": {
+            "Primary Brand": "primary-brand",
+            "Primary Neutral": "primary-neutral",
+            "Primary Soft": "primary-soft",
+            "Secondary": "secondary",
+            "Tertiary": "tertiary",
+            "Destructive": "destructive",
+            "Success": "success"
+          }
+        },
         "Size": {
           "prop": "size",
           "values": {
-            "Mini": "mini",
             "Small": "sm",
             "Medium": "md",
-            "Large": "lg"
-          }
-        },
-        "Shape": {
-          "prop": "shape",
-          "values": {
-            "Circle": "circle",
-            "Square": "square"
+            "Large": "lg",
+            "XLarge": "xl"
           }
         },
-        "Type": {
-          "prop": "src",
+        "State": {
+          "prop": "isDisabled",
           "when": {
-            "Image": true
+            "Disabled": true
           },
-          "note": "code picks by precedence rather than a type prop: src, then initials, then icon. Character means pass initials, Icon means pass icon."
-        },
-        "Initials#74:25": {
-          "prop": "initials"
-        },
-        "Icon#74:50": {
-          "prop": "icon"
-        },
-        "Show Ring#1009:0": {
-          "prop": "ring"
+          "note": "as Button"
         },
-        "Show Top Indicator#1009:25": {
-          "prop": "topIndicator",
-          "note": "Figma needs a boolean because the intent lives on the nested Status Indicator instance; code takes the intent itself, so passing one is what shows the mark. The drawn instance is Intent=Primary with its check glyph, which is what `topIndicator=\"primary\"` renders."
+        "Icon#623:0": {
+          "prop": "startIcon",
+          "note": "with Icon's own label omitted — the Button's aria-label carries the name"
         },
-        "Show Bottom Indicator#1009:50": {
-          "prop": "bottomIndicator",
-          "note": "As the top indicator — the intent comes from the nested Status Indicator, which a boolean cannot carry. The drawn instance is Intent=Success with no glyph."
+        "Shape": {
+          "ignore": "Figma draws a square and a circle variant; code has no shape prop. A round icon button is a className, not an API."
         }
       }
     },
-    "Avatar Group": {
-      "figmaComponent": "Avatar Group",
-      "figmaNodeId": "74:279",
-      "figmaPage": "Avatar",
-      "component": "AvatarGroup",
-      "import": "import { AvatarGroup } from 'ionbase-ui';",
-      "docs": "components/avatar-group/index.html.md",
+    "Input": {
+      "figmaComponent": "Input",
+      "figmaNodeId": "80:275",
+      "figmaPage": "Input",
+      "component": "Input",
+      "import": "import { Input } from 'ionbase-ui';",
+      "docs": "components/input/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
           "values": {
-            "Mini": "mini",
             "Small": "sm",
             "Medium": "md",
             "Large": "lg"
           }
         },
-        "Shape": {
-          "prop": "shape",
-          "values": {
-            "Circle": "circle",
-            "Square": "square"
-          }
+        "State": {
+          "prop": "isInvalid",
+          "when": {
+            "Invalid": true
+          },
+          "note": "Hover, Focus and Filled are CSS or content. Disabled is isDisabled, Read-only is isReadOnly — both react-aria props rather than this axis."
+        },
+        "Value#80:0": {
+          "prop": "value",
+          "note": "or defaultValue when uncontrolled; Figma's text is placeholder content, not necessarily a value"
+        },
+        "Leading Icon#80:66": {
+          "prop": "leadingIcon"
         },
-        "Show Overflow#74:84": {
-          "prop": "max",
-          "note": "the +N avatar appears when children exceed max"
+        "Trailing Icon#80:88": {
+          "prop": "trailingIcon"
         },
-        "Show Avatar 3#74:93": {
-          "prop": "children",
-          "note": "Figma needs a boolean per slot; React just renders fewer children"
+        "Show Leading Icon#80:22": {
+          "prop": "leadingIcon",
+          "note": "false means omit the prop"
         },
-        "Show Avatar 4#74:102": {
-          "prop": "children",
-          "note": "same"
+        "Show Trailing Icon#80:44": {
+          "prop": "trailingIcon",
+          "note": "false means omit the prop"
         }
       }
     },
-    "Avatar Gradient": {
-      "figmaComponent": "Avatar Gradient",
-      "figmaNodeId": "1054:305",
-      "figmaPage": "Avatar",
-      "component": "AvatarGradient",
-      "import": "import { AvatarGradient } from 'ionbase-ui';",
-      "docs": "components/avatar-gradient/index.html.md",
+    "Input/Phone": {
+      "figmaComponent": "Input/Phone",
+      "figmaNodeId": "80:372",
+      "figmaPage": "Input",
+      "component": "PhoneInput",
+      "import": "import { PhoneInput } from 'ionbase-ui';",
+      "docs": "components/phone-input/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
           "values": {
-            "Mini": "mini",
             "Small": "sm",
             "Medium": "md",
             "Large": "lg"
           }
         },
-        "Color": {
-          "prop": "color",
-          "values": {
-            "Slate": "slate",
-            "Blue": "blue",
-            "Violet": "violet",
-            "Pink": "pink",
-            "Orange": "orange",
-            "Green": "green",
-            "Red": "red"
-          }
-        },
-        "Initials#1054:32": {
-          "prop": "initials"
+        "Dial Code#80:126": {
+          "prop": "dialCode"
         }
       }
     },
-    "Border": {
-      "figmaComponent": "Border",
-      "figmaNodeId": "126:22724",
-      "figmaPage": "Divider",
-      "component": "Divider",
-      "import": "import { Divider } from 'ionbase-ui';",
-      "docs": "components/divider/index.html.md",
-      "note": "Figma calls it Border; the code component is Divider, because it renders an <hr> and an <hr> is a thematic break rather than an edge.",
+    "Link": {
+      "figmaComponent": "Link",
+      "figmaNodeId": "774:1516",
+      "figmaPage": "Link",
+      "component": "Link",
+      "import": "import { Link } from 'ionbase-ui';",
+      "docs": "components/link/index.html.md",
       "props": {
-        "Style": {
-          "prop": "orientation",
+        "Type": {
+          "prop": "variant",
           "values": {
-            "Horizontal": "horizontal",
-            "Vertical": "vertical"
+            "Inline": "inline",
+            "Standalone": "standalone"
           }
+        },
+        "State": {
+          "prop": "isDisabled",
+          "when": {
+            "Disabled": true
+          },
+          "note": "Hover and Focus are CSS; Visited is :visited, which no prop can set"
+        },
+        "Label#774:0": {
+          "prop": "children"
+        },
+        "Leading Icon#774:33": {
+          "prop": "startIcon"
+        },
+        "Trailing Icon#774:44": {
+          "prop": "endIcon"
+        },
+        "Show Leading Icon#774:11": {
+          "prop": "startIcon"
+        },
+        "Show Trailing Icon#774:22": {
+          "prop": "endIcon"
         }
       }
     },
@@ -2211,6 +2671,46 @@
         }
       }
     },
+    "Menu": {
+      "figmaComponent": "Menu",
+      "figmaNodeId": "82:306",
+      "figmaPage": "Menu",
+      "component": "Menu",
+      "import": "import { Menu } from 'ionbase-ui';",
+      "docs": "components/menu/index.html.md",
+      "props": {
+        "Type": {
+          "ignore": "Single and Multi describe how many items may be selected, which is the caller's state. Menu renders the surface and holds no selection of its own."
+        }
+      }
+    },
+    "Menu Item": {
+      "figmaComponent": "Menu Item",
+      "figmaNodeId": "639:2634",
+      "figmaPage": "Side Menu",
+      "component": "MenuItem",
+      "import": "import { MenuItem } from 'ionbase-ui';",
+      "docs": "components/menu-item/index.html.md",
+      "props": {
+        "Status": {
+          "prop": "isSelected",
+          "when": {
+            "Selected": true,
+            "Selected Primary": true
+          },
+          "note": "Hover is CSS. Selected Primary is a second selected styling Figma draws and code does not yet ship."
+        },
+        "Text#639:12": {
+          "prop": "children"
+        },
+        "Show Icon#639:16": {
+          "prop": "icon"
+        },
+        "Select Icon#639:20": {
+          "prop": "icon"
+        }
+      }
+    },
     "Modal": {
       "figmaComponent": "Modal",
       "figmaNodeId": "792:1537",
@@ -2261,21 +2761,41 @@
         }
       }
     },
-    "Popover": {
-      "figmaComponent": "Popover",
-      "figmaNodeId": "825:1853",
-      "figmaPage": "Popover",
-      "component": "Popover",
-      "import": "import { Popover } from 'ionbase-ui';",
-      "docs": "components/popover/index.html.md",
+    "Nav Item": {
+      "figmaComponent": "Nav Item",
+      "figmaNodeId": "53:13",
+      "figmaPage": "Nav Item",
+      "component": "NavItem",
+      "import": "import { NavItem } from 'ionbase-ui';",
+      "docs": "components/nav-item/index.html.md",
       "props": {
-        "Placement": {
-          "prop": "placement",
+        "State": {
+          "ignore": "Default and Hover are CSS and React Aria's useHover, not props"
+        },
+        "Label#53:0": {
+          "prop": "children"
+        },
+        "Icon#61:0": {
+          "prop": "icon"
+        },
+        "Show Chevron#53:3": {
+          "prop": "showChevron"
+        }
+      }
+    },
+    "Pagination": {
+      "figmaComponent": "Pagination",
+      "figmaNodeId": "1291:503",
+      "figmaPage": "Pagination",
+      "component": "Pagination",
+      "import": "import { Pagination } from 'ionbase-ui';",
+      "docs": "components/pagination/index.html.md",
+      "props": {
+        "Type": {
+          "prop": "type",
           "values": {
-            "Top": "top",
-            "Bottom": "bottom",
-            "Left": "left",
-            "Right": "right"
+            "Numbered": "numbered",
+            "Simple": "simple"
           }
         },
         "Size": {
@@ -2286,37 +2806,18 @@
             "Large": "lg"
           }
         },
-        "Title#825:0": {
-          "prop": "title"
-        },
-        "Show Header#825:26": {
-          "prop": "title"
-        },
-        "Body#825:13": {
-          "prop": "content"
-        },
-        "Show Body#825:52": {
-          "prop": "content"
-        },
-        "Show Close#825:39": {
-          "prop": "showClose"
-        },
-        "Show Footer#825:65": {
-          "prop": "footer"
-        },
-        "Show Arrow#825:78": {
-          "prop": "hideArrow",
-          "note": "inverted — Show Arrow false is hideArrow true"
+        "Show Page Size#1291:0": {
+          "prop": "showPageSize"
         }
       }
     },
-    "Tooltip": {
-      "figmaComponent": "Tooltip",
-      "figmaNodeId": "801:68",
-      "figmaPage": "Tooltip",
-      "component": "Tooltip",
-      "import": "import { Tooltip } from 'ionbase-ui';",
-      "docs": "components/tooltip/index.html.md",
+    "Popover": {
+      "figmaComponent": "Popover",
+      "figmaNodeId": "825:1853",
+      "figmaPage": "Popover",
+      "component": "Popover",
+      "import": "import { Popover } from 'ionbase-ui';",
+      "docs": "components/popover/index.html.md",
       "props": {
         "Placement": {
           "prop": "placement",
@@ -2327,101 +2828,89 @@
             "Right": "right"
           }
         },
-        "Label#801:0": {
-          "prop": "label"
-        },
-        "Title#801:5": {
-          "prop": "title"
-        },
-        "Show Title#801:10": {
-          "prop": "title"
-        }
-      }
-    },
-    "Full Card": {
-      "figmaComponent": "Full Card",
-      "figmaNodeId": "592:857",
-      "figmaPage": "Card",
-      "component": "FullCard",
-      "import": "import { FullCard } from 'ionbase-ui';",
-      "docs": "components/full-card/index.html.md",
-      "props": {
-        "Row Reverse": {
-          "prop": "alignment",
+        "Size": {
+          "prop": "size",
           "values": {
-            "True": "left",
-            "False": "right"
-          },
-          "note": "Figma's boolean reverses the row; the code prop names which side the MEDIA sits on"
-        },
-        "Headline#592:0": {
-          "prop": "headline"
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
         },
-        "Description#592:1": {
-          "prop": "description"
+        "Title#825:0": {
+          "prop": "title"
         },
-        "Show Description#592:3": {
-          "prop": "description"
+        "Show Header#825:26": {
+          "prop": "title"
         },
-        "Eyebrow#592:5": {
-          "prop": "eyebrow"
+        "Body#825:13": {
+          "prop": "content"
         },
-        "Show Eyebrow#592:2": {
-          "prop": "eyebrow"
+        "Show Body#825:52": {
+          "prop": "content"
         },
-        "Actions#592:6": {
-          "prop": "actions"
+        "Show Close#825:39": {
+          "prop": "showClose"
         },
-        "Show Actions#592:4": {
-          "prop": "actions"
+        "Show Footer#825:65": {
+          "prop": "footer"
         },
-        "Media#592:7": {
-          "prop": "media",
-          "note": "pass the screenshot itself — the component draws the frame"
+        "Show Arrow#825:78": {
+          "prop": "hideArrow",
+          "note": "inverted — Show Arrow false is hideArrow true"
         }
       }
     },
-    "Header": {
-      "figmaComponent": "Header",
-      "figmaNodeId": "69:335",
-      "figmaPage": "Header",
-      "component": "Header",
-      "import": "import { Header } from 'ionbase-ui';",
-      "docs": "components/header/index.html.md",
+    "Progress Bar": {
+      "figmaComponent": "Progress Bar",
+      "figmaNodeId": "1344:331",
+      "figmaPage": "Progress Bar",
+      "component": "ProgressBar",
+      "import": "import { ProgressBar } from 'ionbase-ui';",
+      "docs": "components/progress-bar/index.html.md",
       "props": {
-        "Device": {
-          "prop": "open",
-          "when": {
-            "Mobile-Open": true,
-            "Mobile-Closed": false
-          },
-          "note": "Figma spells one four-way axis; code splits it in two. Desktop/Tablet/Mobile is a media query the browser already answers, and only Open/Closed is a prop."
+        "Intent": {
+          "prop": "intent",
+          "values": {
+            "Primary": "primary",
+            "Success": "success",
+            "Warning": "warning",
+            "Error": "error"
+          }
         },
-        "Center Slot#68:12": {
-          "prop": "center"
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md"
+          }
         },
-        "End Slot#68:16": {
-          "prop": "end"
+        "Type": {
+          "prop": "value",
+          "note": "not a prop value. Determinate means `value` was passed; Indeterminate means it was omitted, which is also what drops aria-valuenow. There is no `type` prop in code, and adding one would make the state settable independently of the number it describes"
         },
-        "End Slot#667:37": {
-          "prop": "end",
-          "note": "a duplicate slot in the Figma component"
+        "Label#1344:0": {
+          "prop": "label"
         },
-        "Show Center Slot#69:0": {
-          "prop": "center"
+        "Value#1344:17": {
+          "prop": "valueText",
+          "note": "the Figma text is a sample percentage; in code `valueText` REPLACES the computed percentage and is what a screen reader speaks"
         },
-        "Show End Slot#69:4": {
-          "prop": "end"
+        "Show Label#1344:34": {
+          "prop": "isLabelVisible"
+        },
+        "Show Value#1344:51": {
+          "prop": "isValueVisible",
+          "note": "bound only on the Determinate variants — an indeterminate bar has no percentage to reveal"
         }
       }
     },
-    "Agent Stop": {
-      "figmaComponent": "Agent Stop",
-      "figmaNodeId": "1156:296",
-      "figmaPage": "Agent Stop",
-      "component": "AgentStop",
-      "import": "import { AgentStop } from 'ionbase-ui';",
-      "docs": "components/agent-stop/index.html.md",
+    "Radio": {
+      "figmaComponent": "Radio",
+      "figmaNodeId": "89:314",
+      "figmaPage": "Radio",
+      "component": "Radio",
+      "import": "import { Radio } from 'ionbase-ui';",
+      "docs": "components/radio/index.html.md",
       "props": {
         "Size": {
           "prop": "size",
@@ -2431,106 +2920,98 @@
             "Large": "lg"
           }
         },
+        "Color": {
+          "prop": "intent",
+          "values": {
+            "Brand": "brand",
+            "Neutral": "neutral",
+            "Danger": "danger"
+          }
+        },
         "State": {
-          "ignore": "Default/Hover are CSS states; Stopping is the drawn form of isStopping"
+          "ignore": "Selected/Unselected is the RadioGroup's value, not a prop on the Radio — a radio cannot own its own selection"
         },
-        "Label#1156:0": {
-          "prop": "label"
+        "Label#89:0": {
+          "prop": "children"
         },
-        "Stopping Label#1156:10": {
-          "prop": "stoppingLabel"
+        "Show Label#89:19": {
+          "prop": "children",
+          "note": "false means aria-label is required"
         },
-        "Focused#1156:20": {
+        "Focused#188:0": {
           "ignore": "drawn focus ring; :focus-visible in code"
         }
       }
     },
-    "Approval Gate": {
-      "figmaComponent": "Approval Gate",
-      "figmaNodeId": "1160:423",
-      "figmaPage": "Approval Gate",
-      "component": "ApprovalGate",
-      "import": "import { ApprovalGate } from 'ionbase-ui';",
-      "docs": "components/approval-gate/index.html.md",
+    "Select": {
+      "figmaComponent": "Select",
+      "figmaNodeId": "82:379",
+      "figmaPage": "Select",
+      "component": "Select",
+      "import": "import { Select } from 'ionbase-ui';",
+      "docs": "components/select/index.html.md",
       "props": {
-        "Risk": {
-          "prop": "risk",
-          "values": {
-            "Low": "low",
-            "Medium": "medium",
-            "High": "high"
-          }
-        },
-        "Status": {
-          "prop": "status",
+        "Size": {
+          "prop": "size",
           "values": {
-            "Pending": "pending",
-            "Approved": "approved",
-            "Rejected": "rejected",
-            "Expired": "expired"
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
           }
         },
-        "Title#1160:0": {
-          "prop": "title"
-        },
-        "Detail#1160:13": {
-          "prop": "children"
-        },
-        "Show Detail#1160:26": {
-          "prop": "children",
-          "note": "false means no children passed"
-        },
-        "Reject Label#1160:39": {
-          "prop": "rejectLabel"
-        },
-        "Edit Label#1160:52": {
-          "prop": "editLabel"
-        },
-        "Approve Label#1160:65": {
-          "prop": "approveLabel"
+        "State": {
+          "prop": "isInvalid",
+          "when": {
+            "Invalid": true
+          },
+          "note": "Hover, Focus and Filled are CSS or content; Disabled is isDisabled"
         },
-        "Show Edit#1160:78": {
-          "prop": "onEdit",
-          "note": "the Edit button renders only when onEdit is supplied"
+        "Value#82:18": {
+          "prop": "placeholder",
+          "note": "Figma's text is the collapsed display value. In code that is `placeholder` when nothing is chosen; once something is, the label comes from the `options` array."
         }
       }
     },
-    "Agent Activity": {
-      "figmaComponent": "Agent Activity",
-      "figmaNodeId": "1162:246",
-      "figmaPage": "Agent Activity",
-      "component": "AgentActivity",
-      "import": "import { AgentActivity } from 'ionbase-ui';",
-      "docs": "components/agent-activity/index.html.md",
-      "props": {}
+    "Skeleton": {
+      "figmaComponent": "Skeleton",
+      "figmaNodeId": "1345:248",
+      "figmaPage": "Skeleton",
+      "component": "Skeleton",
+      "import": "import { Skeleton } from 'ionbase-ui';",
+      "docs": "components/skeleton/index.html.md",
+      "props": {
+        "Variant": {
+          "prop": "variant",
+          "values": {
+            "Text": "text",
+            "Circle": "circle",
+            "Rect": "rect"
+          }
+        }
+      }
     },
-    "Agent Activity Step": {
-      "figmaComponent": "Agent Activity Step",
-      "figmaNodeId": "1161:287",
-      "figmaPage": "Agent Activity",
-      "component": "AgentActivityStep",
-      "import": "import { AgentActivityStep } from 'ionbase-ui';",
-      "docs": "components/agent-activity-step/index.html.md",
+    "Spinner": {
+      "figmaComponent": "Spinner",
+      "figmaNodeId": "1341:258",
+      "figmaPage": "Spinner",
+      "component": "Spinner",
+      "import": "import { Spinner } from 'ionbase-ui';",
+      "docs": "components/spinner/index.html.md",
       "props": {
-        "Status": {
-          "prop": "status",
+        "Size": {
+          "prop": "size",
           "values": {
-            "Pending": "pending",
-            "Active": "active",
-            "Done": "done",
-            "Failed": "failed",
-            "Skipped": "skipped"
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
           }
         },
-        "Label#1162:0": {
-          "prop": "children"
-        },
-        "Detail#1162:6": {
-          "prop": "detail"
+        "Label#1341:0": {
+          "prop": "label"
         },
-        "Show Detail#1162:12": {
-          "prop": "detail",
-          "note": "false means detail is omitted"
+        "Show Label#1341:4": {
+          "prop": "isLabelVisible",
+          "note": "controls only whether the label is VISIBLE. The label is announced either way — turning this off in Figma does not remove it from the accessibility tree, and `isDecorative` is the prop that silences the component"
         }
       }
     },
@@ -2554,107 +3035,130 @@
         }
       }
     },
-    "Citation": {
-      "figmaComponent": "Citation",
-      "figmaNodeId": "1167:247",
-      "figmaPage": "Citation",
-      "component": "Citation",
-      "import": "import { Citation } from 'ionbase-ui';",
-      "docs": "components/citation/index.html.md",
-      "props": {
-        "State": {
-          "ignore": "Default/Hover is :hover in code"
-        },
-        "Index#1167:0": {
-          "prop": "index"
-        },
-        "Focused#1167:3": {
-          "ignore": "drawn focus ring; :focus-visible in code"
-        }
-      }
-    },
-    "Citation List": {
-      "figmaComponent": "Citation List",
-      "figmaNodeId": "1168:246",
-      "figmaPage": "Citation",
-      "component": "CitationList",
-      "import": "import { CitationList } from 'ionbase-ui';",
-      "docs": "components/citation-list/index.html.md",
-      "props": {
-        "Label#1168:4": {
-          "prop": "label"
-        }
-      }
-    },
-    "Citation List Item": {
-      "figmaComponent": "Citation List Item",
-      "figmaNodeId": "1168:241",
-      "figmaPage": "Citation",
-      "component": "CitationListItem",
-      "import": "import { CitationListItem } from 'ionbase-ui';",
-      "docs": "components/citation-list-item/index.html.md",
+    "Table Cell": {
+      "figmaComponent": "Table Cell",
+      "figmaNodeId": "174:103",
+      "figmaPage": "Table",
+      "component": "TableCell",
+      "import": "import { TableCell } from 'ionbase-ui';",
+      "docs": "components/table-cell/index.html.md",
       "props": {
-        "Index#1168:0": {
-          "prop": "index"
+        "Type": {
+          "prop": "header",
+          "when": {
+            "Header": true
+          },
+          "note": "Body is the default <td>"
         },
-        "Source#1168:1": {
-          "prop": "source"
+        "Align": {
+          "prop": "align",
+          "values": {
+            "Leading": "leading",
+            "Trailing": "trailing"
+          }
         },
-        "Passage#1168:2": {
+        "Show Divider#174:38": {
+          "prop": "showDivider"
+        },
+        "Content#174:37": {
           "prop": "children"
         },
-        "Show Passage#1168:3": {
-          "prop": "children",
-          "note": "false means no children passed"
+        "Show Content#174:36": {
+          "prop": "children"
+        },
+        "Density": {
+          "ignore": "density is set once on Table and reaches the cell through CSS — a per-cell prop could disagree with its own table"
         }
       }
     },
-    "Confidence Indicator": {
-      "figmaComponent": "Confidence Indicator",
-      "figmaNodeId": "1166:262",
-      "figmaPage": "Confidence Indicator",
-      "component": "ConfidenceIndicator",
-      "import": "import { ConfidenceIndicator } from 'ionbase-ui';",
-      "docs": "components/confidence-indicator/index.html.md",
+    "Table Row": {
+      "figmaComponent": "Table Row",
+      "figmaNodeId": "175:605",
+      "figmaPage": "Table",
+      "component": "TableRow",
+      "import": "import { TableRow } from 'ionbase-ui';",
+      "docs": "components/table-row/index.html.md",
       "props": {
-        "Level": {
-          "prop": "level",
-          "values": {
-            "Low": "low",
-            "Medium": "medium",
-            "High": "high"
-          }
+        "State": {
+          "prop": "isSelected",
+          "when": {
+            "Selected": true,
+            "Selected-Hover": true
+          },
+          "note": "Hover is CSS"
         },
-        "Basis#1166:0": {
-          "prop": "basis"
+        "Show Selection#175:12": {
+          "prop": "selection",
+          "note": "takes the Checkbox's own props, not a boolean — a selectable row needs checked/onChange wiring"
+        },
+        "Density": {
+          "ignore": "set once on Table; see Table Cell"
         }
       }
     },
-    "Pagination": {
-      "figmaComponent": "Pagination",
-      "figmaNodeId": "1291:503",
-      "figmaPage": "Pagination",
-      "component": "Pagination",
-      "import": "import { Pagination } from 'ionbase-ui';",
-      "docs": "components/pagination/index.html.md",
+    "Tabs": {
+      "figmaComponent": "Tabs",
+      "figmaNodeId": "157:126",
+      "figmaPage": "Tabs",
+      "component": "Tabs",
+      "import": "import { Tabs } from 'ionbase-ui';",
+      "docs": "components/tabs/index.html.md",
       "props": {
         "Type": {
           "prop": "type",
           "values": {
-            "Numbered": "numbered",
-            "Simple": "simple"
+            "Pill": "pill",
+            "Underline": "underline"
           }
         },
-        "Size": {
-          "prop": "size",
+        "Orientation": {
+          "prop": "orientation",
           "values": {
-            "Small": "sm",
-            "Medium": "md",
-            "Large": "lg"
+            "Horizontal": "horizontal",
+            "Vertical": "vertical"
           }
+        }
+      }
+    },
+    "Tabs Item": {
+      "figmaComponent": "Tabs Item",
+      "figmaNodeId": "156:259",
+      "figmaPage": "Tabs",
+      "component": "TabItem",
+      "import": "import { TabItem } from 'ionbase-ui';",
+      "docs": "components/tab-item/index.html.md",
+      "note": "TabItem is a collection item and takes no props of its own. Type, Size and State belong to the parent Tabs or to its selection state, which is why almost everything here is ignored rather than mapped.",
+      "example": "<TabItem key=\"billing\" title=\"Billing\">Panel content</TabItem>",
+      "props": {
+        "Label#156:216": {
+          "ignore": "TabItem's label is its `title` collection prop. It is not a typed prop the TypeScript checker can see, so there is nothing here to verify against — see TabItem's contract."
         },
-        "Show Page Size#1291:0": {
-          "prop": "showPageSize"
+        "Type": {
+          "ignore": "set on the parent Tabs, not per item"
+        },
+        "Size": {
+          "ignore": "set on the parent Tabs, not per item"
+        },
+        "State": {
+          "ignore": "selection is the Tabs collection's state; Disabled is disabledKeys on Tabs"
+        },
+        "Show Label#156:218": {
+          "ignore": "a tab without a label is a tab that cannot be named"
+        },
+        "Show Leading Icon#156:217": {
+          "ignore": "not yet in the code component"
+        },
+        "Leading Icon#156:220": {
+          "ignore": "not yet in the code component"
+        },
+        "Show Trailing#156:219": {
+          "ignore": "not yet in the code component"
+        },
+        "Trailing#156:221": {
+          "ignore": "not yet in the code component"
+        },
+        "Focused#189:0": {
+          "ignore": "drawn focus ring; :focus-visible in code"
         }
       }
     },
@@ -2685,18 +3189,127 @@
           "prop": "value"
         }
       }
+    },
+    "Toast": {
+      "figmaComponent": "Toast",
+      "figmaNodeId": "820:1655",
+      "figmaPage": "Toast",
+      "component": "Toast",
+      "import": "import { Toast } from 'ionbase-ui';",
+      "docs": "components/toast/index.html.md",
+      "props": {
+        "Intent": {
+          "prop": "intent",
+          "values": {
+            "Neutral": "neutral",
+            "Primary": "primary",
+            "Success": "success",
+            "Warning": "warning",
+            "Error": "error",
+            "Information": "information"
+          }
+        },
+        "Title#820:0": {
+          "prop": "title"
+        },
+        "Show Title#820:14": {
+          "prop": "title"
+        },
+        "Message#820:7": {
+          "prop": "message"
+        },
+        "Show Message#820:21": {
+          "prop": "message"
+        },
+        "Show Action#820:28": {
+          "prop": "action",
+          "note": "one action only — a second belongs in a Modal"
+        },
+        "Show Dismiss#820:35": {
+          "prop": "dismissLabel",
+          "note": "the dismiss control is always rendered; only its label is configurable"
+        }
+      }
+    },
+    "Toggle": {
+      "figmaComponent": "Toggle",
+      "figmaNodeId": "88:323",
+      "figmaPage": "Toggle",
+      "component": "Toggle",
+      "import": "import { Toggle } from 'ionbase-ui';",
+      "docs": "components/toggle/index.html.md",
+      "props": {
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
+        },
+        "Color": {
+          "prop": "intent",
+          "values": {
+            "Brand": "brand",
+            "Neutral": "neutral",
+            "Danger": "danger"
+          }
+        },
+        "State": {
+          "ignore": "On/Off is `checked`/`defaultChecked` on the underlying input, not a Toggle prop"
+        },
+        "Label#88:0": {
+          "prop": "children"
+        },
+        "Show Label#88:19": {
+          "prop": "children",
+          "note": "false means aria-label is required"
+        },
+        "Focused#188:19": {
+          "ignore": "drawn focus ring; :focus-visible in code"
+        }
+      }
+    },
+    "Tooltip": {
+      "figmaComponent": "Tooltip",
+      "figmaNodeId": "801:68",
+      "figmaPage": "Tooltip",
+      "component": "Tooltip",
+      "import": "import { Tooltip } from 'ionbase-ui';",
+      "docs": "components/tooltip/index.html.md",
+      "props": {
+        "Placement": {
+          "prop": "placement",
+          "values": {
+            "Top": "top",
+            "Bottom": "bottom",
+            "Left": "left",
+            "Right": "right"
+          }
+        },
+        "Label#801:0": {
+          "prop": "label"
+        },
+        "Title#801:5": {
+          "prop": "title"
+        },
+        "Show Title#801:10": {
+          "prop": "title"
+        }
+      }
     }
   },
   "unmapped": {
+    ".Status Indicator": "The dot Avatar draws in its corners. Avatar owns both instances — Top is Intent=Primary with the check glyph, Bottom is Intent=Success with Show Icon off — and exposes them as `topIndicator` / `bottomIndicator`.\n\nThe leading dot in the name is Figma's own marker for a private component: it is excluded from the published library, so a designer cannot place one on a canvas even if they wanted to. That settles a question this entry used to argue: it is internal by the file's own declaration, not merely by our reading of it. The same call Line, Progress and Progress Heading get for being internal to ScrollProgress — with better evidence.\n\nMap it only if the dot is ever removed.",
+    "Combobox Menu": "The list Combobox opens. It is not a separate export: the React component renders its own menu, because the two are one control and splitting them would let a caller mount a listbox with no combobox to own it. Drawn separately in Figma because a frame cannot both hug a field and overlay a list on top of it.",
     "Form Field": "Label, helper text and error wiring are built into Input and Select rather than a separate wrapper — the wrapper is how Figma composes them, not how React does.",
-    "Table/Cell Text": "TableCell covers Figma's Table Cell and Cell Text together; the two are never used apart in the design. Recorded in TableCell's contract.",
-    "Screen Frame": "The frame FullCard draws around its media slot. The component owns it, so there is nothing for a caller to place.",
-    "Menu Section Title": "No code counterpart yet. It is a heading inside a menu surface; nothing renders it.",
     "Line": "An internal part of the Scroll Progress rail, not a component a caller composes.",
+    "Menu Section Title": "No code counterpart yet. It is a heading inside a menu surface; nothing renders it.",
+    "Pagination Item": "The cell inside Pagination — a page number, an arrow or the truncation ellipsis. Figma needs it as its own set to hold the Size x State matrix; a caller never places one, so it is internal to Pagination the way Line and Progress are internal to Scroll Progress.",
     "Progress": "As Line — internal to ScrollProgress.",
     "Progress Heading": "As Line — internal to ScrollProgress.",
-    ".Status Indicator": "The dot Avatar draws in its corners. Avatar owns both instances — Top is Intent=Primary with the check glyph, Bottom is Intent=Success with Show Icon off — and exposes them as `topIndicator` / `bottomIndicator`.\n\nThe leading dot in the name is Figma's own marker for a private component: it is excluded from the published library, so a designer cannot place one on a canvas even if they wanted to. That settles a question this entry used to argue: it is internal by the file's own declaration, not merely by our reading of it. The same call Line, Progress and Progress Heading get for being internal to ScrollProgress — with better evidence.\n\nMap it only if the dot is ever removed.",
-    "Pagination Item": "The cell inside Pagination — a page number, an arrow or the truncation ellipsis. Figma needs it as its own set to hold the Size x State matrix; a caller never places one, so it is internal to Pagination the way Line and Progress are internal to Scroll Progress."
+    "Screen Frame": "The frame FullCard draws around its media slot. The component owns it, so there is nothing for a caller to place.",
+    "Table/Cell Text": "TableCell covers Figma's Table Cell and Cell Text together; the two are never used apart in the design. Recorded in TableCell's contract."
   },
   "codeUnmapped": {
     "Icon": "Figma has no Icon component; icons are vector assets dropped into slots. Icon is the React wrapper that gives any of them a size rung and an accessible label, so there is nothing on the Figma side to point at.",
@@ -2704,9 +3317,8 @@
     "RadioGroup": "Figma draws Radio only. The group is the thing that owns the selected value, which a static frame cannot express — Figma's Radio State axis is ignored for exactly this reason.",
     "ScrollProgress": "Drawn in Figma as its three parts — Line, Progress, Progress Heading — all of which the component owns internally. There is no whole-component frame to map.",
     "Table": "Figma draws Table Row and Table Cell; the table itself is the caller assembling them. Density, the one property Table owns, is mapped on Table Cell.",
-    "TableHead": "As Table — a code-side grouping element. Figma expresses a header row as a Table Row variant, not a separate component.",
     "TableBody": "As TableHead.",
-    "ToastProvider": "Figma draws Toast, which is mapped. The provider is placement, queueing and the live region — runtime behaviour with nothing to draw.",
-    "EmptyState": "Not yet drawn in Figma. Repo-owned: the pattern tier demanded an empty state that the component tier did not ship, and it was built from that requirement rather than from a frame. Draw it and this line goes."
+    "TableHead": "As Table — a code-side grouping element. Figma expresses a header row as a Table Row variant, not a separate component.",
+    "ToastProvider": "Figma draws Toast, which is mapped. The provider is placement, queueing and the live region — runtime behaviour with nothing to draw."
   }
 }