@imfusion/web-ui 0.8.1-dev.9.gda40b9aa → 0.9.0

package/src/docgen/doc.gen.json

@@ -10,6 +10,13 @@
           "type": "\"default\" | \"oncolor\" | null",
           "defaultValue": "default",
           "description": ""
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
         }
       ]
     },
@@ -17,12 +24,27 @@
       {
         "name": "AccountCard.Action",
         "description": "AccountCard.Action — a slot in the card's top row, beside the link, such as a ghost icon `Button` that logs out. The\nbutton carries its own `aria-label` and its own `context`.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "AccountCard.Avatar",
         "description": "AccountCard.Avatar — a decorative `Avatar` in the card's context. Its children are the initials; without them it shows\na person glyph.",
         "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
           {
             "name": "size",
             "required": false,
@@ -42,12 +64,28 @@
       {
         "name": "AccountCard.Description",
         "description": "AccountCard.Description — the organization, under a rule at the foot of the card.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "AccountCard.Group",
         "description": "AccountCard.Group — a list of cards, such as accounts to switch between. Inside it a link with `aria-current=\"page\"`\nshows as current; a standalone card is always the signed-in account and shows no current state.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "AccountCard.Link",
@@ -56,7 +94,7 @@
           {
             "name": "ref",
             "required": false,
-            "type": "Ref<HTMLAnchorElement>",
+            "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
@@ -72,65 +110,273 @@
       {
         "name": "AccountCard.Role",
         "description": "AccountCard.Role — a mono uppercase label beside the description, such as the person's role.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "AccountCard.Subtitle",
         "description": "AccountCard.Subtitle — the quiet line under the title: the email's domain, or the whole email once the title is a\nname. Text wraps before an `@` and after a dot.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "AccountCard.Title",
         "description": "AccountCard.Title — the account's name, or the email's local part until a name exists. Set large; text wraps before\nan `@` and after a dot.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       }
     ]
   },
   "app-shell": {
     "root": {
       "name": "AppShell.Root",
-      "description": "AppShell — application layout shell.\n\nThe classic dashboard frame: a fixed header, collapsible navbar/aside\nsidebars, an optional footer, and a scrolling main content area. Also called\nan app layout, application frame, dashboard shell, or sidebar layout.\n\nComposed of seven sub-components used with dot-notation: `AppShell.Root` wraps\n`AppShell.Header`, `AppShell.Navbar`, `AppShell.Aside`, `AppShell.Footer`,\n`AppShell.Main`, and (inside a sidebar) `AppShell.Section`.\n\nSizing is CSS-driven — override the `--imf-ui-appshell-*` custom properties\nrather than passing dimension props. Below the responsive breakpoints the\nnavbar (`md`) and aside (`lg`) become sliding overlays toggled via the `open`\nprop; the consumer wires that to a burger button.\n\nCopied and adapted from Mantine's AppShell; no upstream runtime dependency.\nMIT licensed (see Mantine repo).",
-      "props": []
+      "description": "",
+      "props": [
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        }
+      ]
     },
     "subComponents": [
       {
         "name": "AppShell.Aside",
-        "description": "",
+        "description": "Below `lg` the aside opens as a drawer: from the bottom on phones, from the inline end on tablets.",
         "props": [
+          {
+            "name": "onOpenChange",
+            "required": false,
+            "type": "(open: boolean) => void",
+            "defaultValue": null,
+            "description": "Called when the drawer asks to open or close: scrim, swipe, or Escape."
+          },
+          {
+            "name": "onWidthChange",
+            "required": false,
+            "type": "(width: number) => void",
+            "defaultValue": null,
+            "description": "Called with the new width in px when a drag ends, on each arrow-key step, and on reset."
+          },
           {
             "name": "open",
             "required": false,
             "type": "boolean",
             "defaultValue": null,
-            "description": "Whether the mobile overlay is open. Ignored above the `lg` breakpoint, where the aside is always visible."
+            "description": "Whether the drawer is open below the breakpoint. Ignored while the section is docked."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "resizable",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Adds a drag handle on the inline-start edge from the `lg` breakpoint up. Double-click or Home restores the default width."
+          },
+          {
+            "name": "resizeLabel",
+            "required": false,
+            "type": "string",
+            "defaultValue": "Resize panel",
+            "description": "Accessible name of the drag handle."
+          }
+        ]
+      },
+      {
+        "name": "AppShell.Burger",
+        "description": "AppShell.Burger — the header's menu toggle: three sheared bands that cross when `opened`. Takes its color from the\nsurface and hides from `md` up, where the navbar is docked.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ButtonState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "focusableWhenDisabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the button should be focusable when disabled."
+          },
+          {
+            "name": "label",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "Accessible name. Defaults to \"Open navigation\" or \"Close navigation\" from `opened`."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
+          {
+            "name": "opened",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the navigation it controls is open; draws the cross and sets `aria-expanded`."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ButtonState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: ButtonState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
         "name": "AppShell.Footer",
         "description": "",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "AppShell.Header",
         "description": "",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "AppShell.Main",
         "description": "",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "AppShell.Navbar",
-        "description": "",
+        "description": "`variant=\"branded\"` paints the primary color; children opt into on-color themselves. Below `md` the navbar opens as a\ndrawer from the inline end.",
         "props": [
+          {
+            "name": "onOpenChange",
+            "required": false,
+            "type": "(open: boolean) => void",
+            "defaultValue": null,
+            "description": "Called when the drawer asks to open or close: scrim, swipe, or Escape."
+          },
           {
             "name": "open",
             "required": false,
             "type": "boolean",
             "defaultValue": null,
-            "description": "Whether the mobile overlay is open. Ignored above the `md` breakpoint, where the navbar is always visible."
+            "description": "Whether the drawer is open below the breakpoint. Ignored while the section is docked."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "\"default\" | \"branded\" | null",
+            "defaultValue": "default",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "AppShell.NavItem",
+        "description": "AppShell.NavItem — a navbar link: icon, mono label, and an optional description. Takes its color from the navbar;\n`aria-current=\"page\"` marks the current page. Pass a router link through `render`.",
+        "props": [
+          {
+            "name": "description",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "One line under the label saying what is behind the link."
+          },
+          {
+            "name": "icon",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Leading icon, decorative."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
           }
         ]
       },
@@ -144,6 +390,13 @@
             "type": "boolean",
             "defaultValue": null,
             "description": "If set, the section expands to fill the remaining space in its sidebar."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           }
         ]
       }
@@ -314,7 +567,7 @@
           "required": false,
           "type": "ReactNode",
           "defaultValue": null,
-          "description": "Trailing slot — typically an icon. When present, the label aligns left and the icon pins right."
+          "description": "Trailing slot, typically an icon."
         },
         {
           "name": "focusableWhenDisabled",
@@ -323,6 +576,13 @@
           "defaultValue": "false",
           "description": "Whether the button should be focusable when disabled."
         },
+        {
+          "name": "justify",
+          "required": false,
+          "type": "\"center\" | \"spread\" | null",
+          "defaultValue": "center",
+          "description": ""
+        },
         {
           "name": "nativeButton",
           "required": false,
@@ -352,18 +612,25 @@
           "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
         },
         {
-          "name": "size",
+          "name": "shortcut",
           "required": false,
-          "type": "\"sm\" | \"md\" | \"lg\" | \"hero\" | null",
-          "defaultValue": "md",
-          "description": ""
+          "type": "string",
+          "defaultValue": null,
+          "description": "Key hint shown in the top corner at the end of the line, such as `\"S\"` or `\"Ctrl Z\"`. It also sets\n`aria-keyshortcuts` in its notation (`Control+Z`), which an explicit\n`aria-keyshortcuts` prop overrides. Display only: bind the key in the app, for example with `useHotkey` from TanStack Hotkeys."
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"hero\" | null",
+          "defaultValue": "md",
+          "description": ""
         },
         {
           "name": "startIcon",
           "required": false,
           "type": "ReactNode",
           "defaultValue": null,
-          "description": "Leading slot — typically a label. When present, the label aligns right and the icon pins left."
+          "description": "Leading slot, typically an icon."
         },
         {
           "name": "style",
@@ -395,6 +662,13 @@
           "defaultValue": "md",
           "description": ""
         },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
         {
           "name": "variant",
           "required": false,
@@ -408,17 +682,41 @@
       {
         "name": "Callout.Description",
         "description": "Callout.Description — the message body, set in the editorial (grotesk) body voice.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Callout.Icon",
         "description": "Callout.Icon — the leading status glyph. Renders the variant's default icon when no children\nare passed; pass a custom icon as children to override. `aria-hidden` (variant is conveyed by\ncopy) and inherits colour via `currentColor`.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Callout.Title",
         "description": "Callout.Title — an optional short heading, set in the semi-mono UPPERCASE technical voice.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       }
     ]
   },
@@ -448,6 +746,13 @@
           "defaultValue": "brand",
           "description": ""
         },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
         {
           "name": "shadow",
           "required": false,
@@ -475,17 +780,41 @@
       {
         "name": "Card.Content",
         "description": "Card.Content — the padded main body of the card.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Card.Footer",
         "description": "Card.Footer — the padded action region at the bottom. Its background inherits\nthe card fill by default; override `background` in `style` for a distinct\naction bar.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Card.Header",
         "description": "Card.Header — the padded title region at the top of the card body.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Card.Image",
@@ -497,6 +826,33 @@
             "type": "number | \"auto\"",
             "defaultValue": "16 / 10",
             "description": "Width divided by height, or \"auto\" to use the image's intrinsic ratio."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Card.Status",
+        "description": "Card.Status — a tinted slot that marks the card's status with the variant's glyph. Pass\nchildren to replace the glyph. Like `Card.Image`, place it first among the slots: a column\nbeside the body in a horizontal card, a band above it in a vertical one. Decorative\n(`aria-hidden`); the card's text carries the status.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"info\"\n| \"positive\"\n| \"warning\"\n| \"negative\"\n| null",
+            "defaultValue": "info",
+            "description": ""
           }
         ]
       }
@@ -705,6 +1061,13 @@
           "defaultValue": "false",
           "description": ""
         },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLSpanElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
         {
           "name": "variant",
           "required": false,
@@ -742,6 +1105,13 @@
           "defaultValue": "external",
           "description": "Link target scope. `\"external\"` (default) opens in a new tab with a diagonal `ArrowUpRight` icon; `\"internal\"` stays in the current tab with a horizontal `ArrowRight` icon."
         },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLAnchorElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
         {
           "name": "variant",
           "required": false,
@@ -784,6 +1154,13 @@
             "type": "string",
             "defaultValue": null,
             "description": "Language label shown in the corner notch. Omit to hide the notch."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           }
         ]
       },
@@ -1050,7 +1427,7 @@
           "required": false,
           "type": "ReactNode",
           "defaultValue": null,
-          "description": "Trailing slot — typically an icon. When present, the label aligns left and the icon pins right."
+          "description": "Trailing slot, typically an icon."
         },
         {
           "name": "focusableWhenDisabled",
@@ -1059,6 +1436,13 @@
           "defaultValue": "false",
           "description": "Whether the button should be focusable when disabled."
         },
+        {
+          "name": "justify",
+          "required": false,
+          "type": "\"center\" | \"spread\" | null",
+          "defaultValue": null,
+          "description": ""
+        },
         {
           "name": "label",
           "required": false,
@@ -1094,6 +1478,13 @@
           "defaultValue": null,
           "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
         },
+        {
+          "name": "shortcut",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Key hint shown in the top corner at the end of the line, such as `\"S\"` or `\"Ctrl Z\"`. It also sets\n`aria-keyshortcuts` in its notation (`Control+Z`), which an explicit\n`aria-keyshortcuts` prop overrides. Display only: bind the key in the app, for example with `useHotkey` from TanStack Hotkeys."
+        },
         {
           "name": "size",
           "required": false,
@@ -1106,7 +1497,7 @@
           "required": false,
           "type": "ReactNode",
           "defaultValue": null,
-          "description": "Leading slot — typically a label. When present, the label aligns right and the icon pins left."
+          "description": "Leading slot, typically an icon."
         },
         {
           "name": "style",
@@ -2136,34 +2527,568 @@
     },
     "subComponents": [
       {
-        "name": "Fieldset.Legend",
-        "description": "Fieldset.Legend — the accessible label for its related controls.",
+        "name": "Fieldset.Legend",
+        "description": "Fieldset.Legend — the accessible label for its related controls.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: FieldsetLegendState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, FieldsetLegendState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: FieldsetLegendState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      }
+    ]
+  },
+  "icon": {
+    "root": {
+      "name": "Icon",
+      "description": "Icon — renders an icon component with a semantic Web UI foreground color.",
+      "props": [
+        {
+          "name": "glyph",
+          "required": true,
+          "type": "IconComponent",
+          "defaultValue": null,
+          "description": "Icon component imported from `@imfusion/web-ui/icons`."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<SVGSVGElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "string | number",
+          "defaultValue": null,
+          "description": "Sets both SVG dimensions unless `width` or `height` is provided."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"inherit\"\n| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"positive\"\n| \"negative\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+          "defaultValue": "inherit",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "icon-button": {
+    "root": {
+      "name": "IconButton",
+      "description": "IconButton — a square Button that shows a single Icon. Composes Button, so every Button variant and native attribute\npasses through.",
+      "props": [
+        {
+          "name": "chamfer",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: ButtonState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "context",
+          "required": false,
+          "type": "\"default\" | \"oncolor\" | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "focusableWhenDisabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the button should be focusable when disabled."
+        },
+        {
+          "name": "glyph",
+          "required": true,
+          "type": "IconComponent",
+          "defaultValue": null,
+          "description": "Icon component imported from `@imfusion/web-ui/icons`."
+        },
+        {
+          "name": "iconProps",
+          "required": false,
+          "type": "Omit<Omit<Omit<SVGProps<SVGSVGElement>, \"ref\"> & RefAttributes<SVGSVGElement>, \"color\"> & VariantProps<(props?: (ConfigVariants<...> & ClassProp)) => string> & { ...; }, \"glyph\">",
+          "defaultValue": null,
+          "description": "Props for the inner Icon, such as `strokeWidth` or a `size` override."
+        },
+        {
+          "name": "label",
+          "required": true,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Accessible name; the button renders no visible text."
+        },
+        {
+          "name": "nativeButton",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+        },
+        {
+          "name": "radius",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"none\" | \"round\" | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ButtonState>",
+          "defaultValue": null,
+          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+        },
+        {
+          "name": "shortcut",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Key hint shown in the top corner at the end of the line, such as `\"S\"` or `\"Ctrl Z\"`. It also sets\n`aria-keyshortcuts` in its notation (`Control+Z`), which an explicit\n`aria-keyshortcuts` prop overrides. Display only: bind the key in the app, for example with `useHotkey` from TanStack Hotkeys."
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"hero\" | null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: ButtonState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"primary\"\n| \"secondary\"\n| \"positive\"\n| \"negative\"\n| \"outline\"\n| \"ghost\"\n| null",
+          "defaultValue": null,
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "input": {
+    "root": {
+      "name": "Input",
+      "description": "Single-line text input. Also called a text field or input field.\nWraps Base UI Input for controlled/uncontrolled state, form integration,\nand Field context awareness (valid/invalid/dirty/touched/filled/focused).",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: InputState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "defaultValue",
+          "required": false,
+          "type": "string | number | readonly string[]",
+          "defaultValue": null,
+          "description": "The default value of the input. Use when uncontrolled."
+        },
+        {
+          "name": "onClear",
+          "required": false,
+          "type": "() => void",
+          "defaultValue": null,
+          "description": "Called when the search input's clear button is pressed."
+        },
+        {
+          "name": "onValueChange",
+          "required": false,
+          "type": "(\n  value: string,\n  eventDetails: {\n    reason: \"none\";\n    event: Event;\n    cancel: () => void;\n    allowPropagation: () => void;\n    isCanceled: boolean;\n    isPropagationAllowed: boolean;\n    trigger: Element;\n  }\n) => void",
+          "defaultValue": null,
+          "description": "Callback fired when the `value` changes. Use when controlled."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, InputState>",
+          "defaultValue": null,
+          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: InputState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "string | number | readonly string[]",
+          "defaultValue": null,
+          "description": "The value of the input. Use when controlled."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "\"outline\" | \"filled\" | \"ghost\" | null",
+          "defaultValue": "outline",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "kbd": {
+    "root": {
+      "name": "Kbd",
+      "description": "Kbd — a keyboard key or shortcut, drawn as a keycap tinted from the surrounding text. A combination such as `Ctrl Z` goes\nin one Kbd. `flat` drops the side face for a hint inside a control.",
+      "props": [
+        {
+          "name": "icon",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Show a keyboard glyph before the key, to mark it as a shortcut in running text."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "\"default\" | \"primary\" | \"flat\" | null",
+          "defaultValue": "default",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "logo": {
+    "root": {
+      "name": "Logo",
+      "description": "",
+      "props": [
+        {
+          "name": "alt",
+          "required": true,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "height",
+          "required": false,
+          "type": "string | number",
+          "defaultValue": null,
+          "description": "Explicit height — overrides `size` variant when set."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLSpanElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "| \"xs\"\n| \"sm\"\n| \"md\"\n| \"lg\"\n| \"xl\"\n| \"hero\"\n| \"fit\"\n| null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "src",
+          "required": true,
+          "type": "ReactNode",
+          "defaultValue": null,
+          "description": "Logo source — an image URL or inline SVG node. No brand default; see `ImFusionLogo` for the ImFusion mark."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"main\"\n| \"inherit\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"oncolor\"\n| null",
+          "defaultValue": "brand",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "meter": {
+    "root": {
+      "name": "Meter.Root",
+      "description": "Meter.Root — read-only measurement of a value within a known range.\n\nWithout a visible `Meter.Label`, name the meter with `aria-label`.",
+      "props": [
+        {
+          "name": "aria-valuetext",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "A string value that provides a user-friendly name for `aria-valuenow`, the current value of the meter."
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: MeterRootState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "format",
+          "required": false,
+          "type": "NumberFormatOptions",
+          "defaultValue": null,
+          "description": "Options to format the value."
+        },
+        {
+          "name": "getAriaValueText",
+          "required": false,
+          "type": "(formattedValue: string, value: number) => string",
+          "defaultValue": null,
+          "description": "A function that returns a string value that provides a human-readable text alternative for `aria-valuenow`, the current value of the meter."
+        },
+        {
+          "name": "locale",
+          "required": false,
+          "type": "LocalesArgument",
+          "defaultValue": null,
+          "description": "The locale used by `Intl.NumberFormat` when formatting the value.\nDefaults to the user's runtime locale."
+        },
+        {
+          "name": "max",
+          "required": false,
+          "type": "number",
+          "defaultValue": "100",
+          "description": "The maximum value"
+        },
+        {
+          "name": "min",
+          "required": false,
+          "type": "number",
+          "defaultValue": "0",
+          "description": "The minimum value"
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, MeterRootState>",
+          "defaultValue": null,
+          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: MeterRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "name": "value",
+          "required": true,
+          "type": "number",
+          "defaultValue": null,
+          "description": "The current value."
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Meter.Indicator",
+        "description": "Meter.Indicator — filled portion of the track up to the value.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: MeterIndicatorState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, MeterIndicatorState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: MeterIndicatorState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Meter.Label",
+        "description": "Meter.Label — accessible label for the meter.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: MeterLabelState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, MeterLabelState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: MeterLabelState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Meter.Track",
+        "description": "Meter.Track — the full range.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: MeterTrackState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, MeterTrackState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: MeterTrackState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Meter.Value",
+        "description": "Meter.Value — formatted readout of the current value.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "string | ((state: FieldsetLegendState) => string)",
+            "type": "string | ((state: MeterValueState) => string)",
             "defaultValue": null,
             "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
           {
             "name": "ref",
             "required": false,
-            "type": "Ref<HTMLElement>",
+            "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, FieldsetLegendState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, MeterValueState>",
             "defaultValue": null,
             "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
           },
           {
             "name": "style",
             "required": false,
-            "type": "| CSSProperties\n| ((state: FieldsetLegendState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: MeterValueState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
@@ -2171,166 +3096,6 @@
       }
     ]
   },
-  "icon": {
-    "root": {
-      "name": "Icon",
-      "description": "Icon — renders an icon component with a semantic Web UI foreground color.",
-      "props": [
-        {
-          "name": "glyph",
-          "required": true,
-          "type": "IconComponent",
-          "defaultValue": null,
-          "description": "Icon component imported from `@imfusion/web-ui/icons`."
-        },
-        {
-          "name": "ref",
-          "required": false,
-          "type": "Ref<SVGSVGElement>",
-          "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-        },
-        {
-          "name": "size",
-          "required": false,
-          "type": "string | number",
-          "defaultValue": null,
-          "description": "Sets both SVG dimensions unless `width` or `height` is provided."
-        },
-        {
-          "name": "variant",
-          "required": false,
-          "type": "| \"inherit\"\n| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"positive\"\n| \"negative\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
-          "defaultValue": "inherit",
-          "description": ""
-        }
-      ]
-    },
-    "subComponents": []
-  },
-  "input": {
-    "root": {
-      "name": "Input",
-      "description": "Single-line text input. Also called a text field or input field.\nWraps Base UI Input for controlled/uncontrolled state, form integration,\nand Field context awareness (valid/invalid/dirty/touched/filled/focused).",
-      "props": [
-        {
-          "name": "className",
-          "required": false,
-          "type": "string | ((state: InputState) => string)",
-          "defaultValue": null,
-          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
-        },
-        {
-          "name": "defaultValue",
-          "required": false,
-          "type": "string | number | readonly string[]",
-          "defaultValue": null,
-          "description": "The default value of the input. Use when uncontrolled."
-        },
-        {
-          "name": "onClear",
-          "required": false,
-          "type": "() => void",
-          "defaultValue": null,
-          "description": "Called when the search input's clear button is pressed."
-        },
-        {
-          "name": "onValueChange",
-          "required": false,
-          "type": "(\n  value: string,\n  eventDetails: {\n    reason: \"none\";\n    event: Event;\n    cancel: () => void;\n    allowPropagation: () => void;\n    isCanceled: boolean;\n    isPropagationAllowed: boolean;\n    trigger: Element;\n  }\n) => void",
-          "defaultValue": null,
-          "description": "Callback fired when the `value` changes. Use when controlled."
-        },
-        {
-          "name": "ref",
-          "required": false,
-          "type": "Ref<HTMLElement>",
-          "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-        },
-        {
-          "name": "render",
-          "required": false,
-          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, InputState>",
-          "defaultValue": null,
-          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
-        },
-        {
-          "name": "size",
-          "required": false,
-          "type": "\"sm\" | \"md\" | \"lg\" | null",
-          "defaultValue": "md",
-          "description": ""
-        },
-        {
-          "name": "style",
-          "required": false,
-          "type": "| CSSProperties\n| ((state: InputState) => CSSProperties)",
-          "defaultValue": null,
-          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-        },
-        {
-          "name": "value",
-          "required": false,
-          "type": "string | number | readonly string[]",
-          "defaultValue": null,
-          "description": "The value of the input. Use when controlled."
-        },
-        {
-          "name": "variant",
-          "required": false,
-          "type": "\"outline\" | \"filled\" | \"ghost\" | null",
-          "defaultValue": "outline",
-          "description": ""
-        }
-      ]
-    },
-    "subComponents": []
-  },
-  "logo": {
-    "root": {
-      "name": "Logo",
-      "description": "",
-      "props": [
-        {
-          "name": "alt",
-          "required": true,
-          "type": "string",
-          "defaultValue": null,
-          "description": ""
-        },
-        {
-          "name": "height",
-          "required": false,
-          "type": "string | number",
-          "defaultValue": null,
-          "description": "Explicit height — overrides `size` variant when set."
-        },
-        {
-          "name": "size",
-          "required": false,
-          "type": "| \"xs\"\n| \"sm\"\n| \"md\"\n| \"lg\"\n| \"xl\"\n| \"hero\"\n| \"fit\"\n| null",
-          "defaultValue": "md",
-          "description": ""
-        },
-        {
-          "name": "src",
-          "required": true,
-          "type": "ReactNode",
-          "defaultValue": null,
-          "description": "Logo source — an image URL or inline SVG node. No brand default; see `ImFusionLogo` for the ImFusion mark."
-        },
-        {
-          "name": "variant",
-          "required": false,
-          "type": "| \"inherit\"\n| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"oncolor\"\n| null",
-          "defaultValue": "brand",
-          "description": ""
-        }
-      ]
-    },
-    "subComponents": []
-  },
   "navigation-menu": {
     "root": {
       "name": "NavigationMenu.Root",
@@ -2807,7 +3572,15 @@
       {
         "name": "NavigationMenu.LinkList",
         "description": "NavigationMenu.LinkList — a reset `<ul>` that lays out a flyout's `LinkCard`s\n(a responsive two-column grid that collapses to one column on narrow flyouts).\nOwns the flyout list layout so consumers wrap each card in an `<li>` and add no\nlayout styling of their own. Renders a `<ul>`.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "NavigationMenu.List",
@@ -4033,7 +4806,15 @@
       {
         "name": "Popover.Eyebrow",
         "description": "Popover.Eyebrow — small uppercase label above Title, for a category or kicker (e.g. \"Glossary definition\").",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Popover.Inline",
@@ -4475,7 +5256,15 @@
     "root": {
       "name": "Prose",
       "description": "",
-      "props": []
+      "props": [
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        }
+      ]
     },
     "subComponents": []
   },
@@ -4487,7 +5276,7 @@
         {
           "name": "align",
           "required": false,
-          "type": "\"start\" | \"center\" | \"end\" | \"stretch\"",
+          "type": "\"center\" | \"start\" | \"end\" | \"stretch\"",
           "defaultValue": "stretch",
           "description": "Cross-axis alignment. Sets both `align-items` (item alignment within a\nrow) and `align-content` (row distribution when `wrap` is on). `\"stretch\"`\nkeeps rows packed together via `align-content: flex-start` while items\nfill their row height."
         },
@@ -4501,10 +5290,17 @@
         {
           "name": "justify",
           "required": false,
-          "type": "| \"start\"\n| \"center\"\n| \"end\"\n| \"between\"\n| \"around\"\n| \"evenly\"\n| null",
+          "type": "| \"center\"\n| \"start\"\n| \"end\"\n| \"between\"\n| \"around\"\n| \"evenly\"\n| null",
           "defaultValue": "start",
           "description": ""
         },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
         {
           "name": "wrap",
           "required": false,
@@ -5553,10 +6349,109 @@
     },
     "subComponents": []
   },
+  "skeleton": {
+    "root": {
+      "name": "Skeleton.Root",
+      "description": "Skeleton.Root — marks a region as loading. The view inside renders for real; bones stand in for the data. Sets\n`aria-busy` and announces `label` once, however many bones it holds.",
+      "props": [
+        {
+          "name": "animation",
+          "required": false,
+          "type": "\"none\" | \"shimmer\"",
+          "defaultValue": "shimmer",
+          "description": "`none` holds every bone inside still."
+        },
+        {
+          "name": "label",
+          "required": true,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Announced once through a visually hidden status. Pass `\"\"` when something else already speaks for the region."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
+          "defaultValue": null,
+          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Skeleton.Block",
+        "description": "Skeleton.Block — a sized placeholder for a shaped element such as a meter, chip, or avatar.",
+        "props": [
+          {
+            "name": "height",
+            "required": false,
+            "type": "Height<string | number>",
+            "defaultValue": null,
+            "description": "Height of the block."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "shape",
+            "required": false,
+            "type": "\"circle\" | \"rect\"",
+            "defaultValue": "rect",
+            "description": "`circle` takes its size from `width`, for avatars."
+          },
+          {
+            "name": "width",
+            "required": false,
+            "type": "Width<string | number>",
+            "defaultValue": "100%",
+            "description": "Width of the block, capped at the container width. A circle uses it for both sides."
+          }
+        ]
+      },
+      {
+        "name": "Skeleton.Text",
+        "description": "Skeleton.Text — a text bar exactly one line of the parent's font tall. Place it inside the real Typo element so the\nrow keeps the loaded row's height.",
+        "props": [
+          {
+            "name": "lines",
+            "required": false,
+            "type": "number",
+            "defaultValue": "1",
+            "description": "Number of stacked lines. The last of several is 60% wide."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "width",
+            "required": false,
+            "type": "Width<string | number>",
+            "defaultValue": "100%",
+            "description": "Width of the bar, capped at the container width."
+          }
+        ]
+      }
+    ]
+  },
   "slider": {
     "root": {
       "name": "Slider.Root",
-      "description": "Slider.Root — value selector along a continuous or stepped track.",
+      "description": "Slider.Root — value selector along a continuous or stepped track.\n\n`variant=\"position\"` draws a scrollbar-like trough and bar thumb for picking one position\nbetween `min` and `max`, such as a slice or frame; `onValueChange` reports the position.",
       "props": [
         {
           "name": "className",
@@ -5704,6 +6599,13 @@
           "type": "number | readonly number[]",
           "defaultValue": null,
           "description": "The value of the slider.\nFor ranged sliders, provide an array with two values."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "\"default\" | \"position\" | null",
+          "defaultValue": "default",
+          "description": ""
         }
       ]
     },
@@ -5996,6 +6898,13 @@
           "defaultValue": "Loading",
           "description": "Accessible label announced by assistive tech."
         },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLSpanElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
         {
           "name": "size",
           "required": false,
@@ -6022,7 +6931,7 @@
         {
           "name": "align",
           "required": false,
-          "type": "\"start\" | \"center\" | \"end\" | \"stretch\" | null",
+          "type": "\"center\" | \"start\" | \"end\" | \"stretch\" | null",
           "defaultValue": "stretch",
           "description": ""
         },
@@ -6036,9 +6945,16 @@
         {
           "name": "justify",
           "required": false,
-          "type": "| \"start\"\n| \"center\"\n| \"end\"\n| \"between\"\n| \"around\"\n| \"evenly\"\n| null",
+          "type": "| \"center\"\n| \"start\"\n| \"end\"\n| \"between\"\n| \"around\"\n| \"evenly\"\n| null",
           "defaultValue": "start",
           "description": ""
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
         }
       ]
     },
@@ -6211,43 +7127,126 @@
     "root": {
       "name": "Table.Root",
       "description": "Table.Root — the `<table>` element.",
-      "props": []
+      "props": [
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLTableElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        }
+      ]
     },
     "subComponents": [
       {
         "name": "Table.Body",
         "description": "Table.Body — the `<tbody>` section.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLTableElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Table.Cell",
         "description": "Table.Cell — a `<td>` data cell.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLTableElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Table.Header",
         "description": "Table.Header — the `<thead>` section.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLTableElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Table.HeaderButton",
         "description": "Table.HeaderButton — inline action button for header cells. Generic by\ndesign: sorting toggles, filter toggles, column menus all render through it\nrather than each inventing a button. Icon/indicator goes in `children`.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLTableElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Table.HeaderCell",
         "description": "Table.HeaderCell — a `<th>` header cell.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLTableElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Table.Row",
         "description": "Table.Row — a `<tr>` in header or body.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLTableElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Table.RowLink",
+        "description": "Table.RowLink — an `<a>` that stands in for its whole row, such as a link to the row's detail page. Reads as row text,\nnot as a separate link, and wraps anywhere so long values like emails stay inside a narrow table.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLTableElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          }
+        ]
       },
       {
         "name": "Table.SortableHeaderCell",
         "description": "Table.SortableHeaderCell — a header cell whose label is a sort toggle,\npre-composing HeaderCell + HeaderButton so `aria-sort` and the direction\nindicator aren't re-derived per consumer. Omit `onToggle` for a plain cell.",
         "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLTableElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
           {
             "name": "sortDirection",
             "required": true,
@@ -6470,7 +7469,15 @@
       {
         "name": "Tabs.PanelViewport",
         "description": "Tabs.PanelViewport — the shared frame Tabs.Panel elements render inside.\nNo Base UI equivalent exists; it's surfaced as a named part since its\nhairline border is what Tabs.Indicator visually fuses into.",
-        "props": []
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
       },
       {
         "name": "Tabs.Tab",
@@ -7118,6 +8125,13 @@
           "defaultValue": null,
           "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
         },
+        {
+          "name": "shortcut",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Key hint shown in the top corner at the end of the line, such as `\"P\"` or `\"Ctrl Z\"`. It also sets\n`aria-keyshortcuts` in its notation (`Control+Z`), which an explicit\n`aria-keyshortcuts` prop overrides. Display only: bind the key in the app, for example with `useHotkey` from TanStack Hotkeys."
+        },
         {
           "name": "style",
           "required": false,
@@ -7787,6 +8801,13 @@
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
             "defaultValue": "support",
             "description": ""
+          },
+          {
+            "name": "weight",
+            "required": false,
+            "type": "\"strong\" | \"regular\" | \"medium\"",
+            "defaultValue": null,
+            "description": "Font weight. Omit to keep the member's default; `medium` firms up short body text on cards."
           }
         ]
       },
@@ -7814,6 +8835,40 @@
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
             "defaultValue": "main",
             "description": ""
+          },
+          {
+            "name": "weight",
+            "required": false,
+            "type": "\"strong\" | \"regular\" | \"medium\"",
+            "defaultValue": null,
+            "description": "Font weight. Omit to keep the member's default; `medium` firms up short body text on cards."
+          }
+        ]
+      },
+      {
+        "name": "Typo.Eyebrow",
+        "description": "Typo.Eyebrow — short uppercase label above a heading. Also called a kicker or overline.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLHeadingElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "support",
+            "description": ""
           }
         ]
       },
@@ -7997,6 +9052,13 @@
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
             "defaultValue": "oncolor",
             "description": ""
+          },
+          {
+            "name": "weight",
+            "required": false,
+            "type": "\"strong\" | \"regular\" | \"medium\"",
+            "defaultValue": null,
+            "description": "Font weight. Omit to keep the member's default; `medium` firms up short body text on cards."
           }
         ]
       },
@@ -8058,6 +9120,13 @@
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
             "defaultValue": "main",
             "description": ""
+          },
+          {
+            "name": "weight",
+            "required": false,
+            "type": "\"strong\" | \"regular\" | \"medium\"",
+            "defaultValue": null,
+            "description": "Font weight. Omit to keep the member's default; `medium` firms up short body text on cards."
           }
         ]
       },
@@ -8092,6 +9161,13 @@
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
             "defaultValue": "primary",
             "description": ""
+          },
+          {
+            "name": "weight",
+            "required": false,
+            "type": "\"strong\" | \"regular\" | \"medium\"",
+            "defaultValue": null,
+            "description": "Font weight. Omit to keep the member's default; `medium` firms up short body text on cards."
           }
         ]
       },
@@ -8119,6 +9195,13 @@
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
             "defaultValue": "main",
             "description": ""
+          },
+          {
+            "name": "weight",
+            "required": false,
+            "type": "\"strong\" | \"regular\" | \"medium\"",
+            "defaultValue": null,
+            "description": "Font weight. Omit to keep the member's default; `medium` firms up short body text on cards."
           }
         ]
       },
@@ -8146,6 +9229,13 @@
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
             "defaultValue": "main",
             "description": ""
+          },
+          {
+            "name": "weight",
+            "required": false,
+            "type": "\"strong\" | \"regular\" | \"medium\"",
+            "defaultValue": null,
+            "description": "Font weight. Omit to keep the member's default; `medium` firms up short body text on cards."
           }
         ]
       },
@@ -8173,6 +9263,13 @@
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
             "defaultValue": "minor",
             "description": ""
+          },
+          {
+            "name": "weight",
+            "required": false,
+            "type": "\"strong\" | \"regular\" | \"medium\"",
+            "defaultValue": null,
+            "description": "Font weight. Omit to keep the member's default; `medium` firms up short body text on cards."
           }
         ]
       },
@@ -8200,6 +9297,13 @@
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
             "defaultValue": "main",
             "description": ""
+          },
+          {
+            "name": "weight",
+            "required": false,
+            "type": "\"strong\" | \"regular\" | \"medium\"",
+            "defaultValue": null,
+            "description": "Font weight. Omit to keep the member's default; `medium` firms up short body text on cards."
           }
         ]
       }
@@ -8236,6 +9340,13 @@
             "type": "string",
             "defaultValue": null,
             "description": ""
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLPreElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           }
         ]
       },
@@ -8267,7 +9378,7 @@
           {
             "name": "ref",
             "required": false,
-            "type": "Ref<HTMLElement>",
+            "type": "Ref<HTMLPreElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
@@ -8294,7 +9405,7 @@
           {
             "name": "ref",
             "required": false,
-            "type": "Ref<HTMLElement>",
+            "type": "Ref<HTMLPreElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
@@ -8309,6 +9420,50 @@
       }
     ]
   },
+  "frame-selection": {
+    "root": {
+      "name": "FrameSelection",
+      "description": "FrameSelection - a position slider bound to the focused frame of the multi-frame image sets in `data`.\nEvery matching image set follows the slider, and a `{focus} | {count}` readout sits beside it.\nRenders nothing when `data` holds no multi-frame image set.\n\nMust render inside an `ImFusionProvider`.",
+      "props": [
+        {
+          "name": "data",
+          "required": true,
+          "type": "HandleArray<Data>",
+          "defaultValue": null,
+          "description": "Datasets to scan, for example from `useVisibleData()`. Non-image data, single-frame image sets, and image sets whose\nframe count differs from the first multi-frame set are ignored."
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the slider ignores user interaction."
+        },
+        {
+          "name": "label",
+          "required": false,
+          "type": "string",
+          "defaultValue": "Frame",
+          "description": "Accessible name of the slider thumb."
+        },
+        {
+          "name": "orientation",
+          "required": false,
+          "type": "\"horizontal\" | \"vertical\"",
+          "defaultValue": "horizontal",
+          "description": "Direction of the slider; the vertical layout stacks the readout under it."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        }
+      ]
+    },
+    "subComponents": []
+  },
   "image-display-options": {
     "root": {
       "name": "ImageDisplayOptions",
@@ -8328,6 +9483,13 @@
           "defaultValue": null,
           "description": "Override individual slider bounds.\nMerged over the defaults, which are driven from the dataset's intensity domain."
         },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
         {
           "name": "variant",
           "required": false,