@primereact/mcp 11.0.0 → 11.2.0

package/data/llms/styled/components/floatlabel/api.json

@@ -37,19 +37,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: FloatLabelInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: FloatLabelInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: FloatLabelInstance) => string)",
+              "type": "string | ((instance?: FloatLabelInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },

package/data/llms/styled/components/fluid/api.json

@@ -37,19 +37,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: FluidInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: FluidInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: FluidInstance) => string)",
+              "type": "string | ((instance?: FluidInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },

package/data/llms/styled/components/iconfield/api.json

@@ -37,19 +37,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: IconFieldInsetInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: IconFieldInsetInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: IconFieldInsetInstance) => string)",
+              "type": "string | ((instance?: IconFieldInsetInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -134,7 +134,7 @@
           "props": [
             {
               "name": "iconfield",
-              "type": "IconFieldRootInstance",
+              "type": "undefined | null | IconFieldRootInstance",
               "default": "",
               "description": "The IconField component instance."
             }
@@ -199,19 +199,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: IconFieldRootInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: IconFieldRootInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: IconFieldRootInstance) => string)",
+              "type": "string | ((instance?: IconFieldRootInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },

package/data/llms/styled/components/iftalabel/api.json

@@ -37,19 +37,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: IftaLabelInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: IftaLabelInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: IftaLabelInstance) => string)",
+              "type": "string | ((instance?: IftaLabelInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },

package/data/llms/styled/components/inputcolor.md

@@ -13,6 +13,7 @@ import { InputGroup } from '@primereact/ui/inputgroup';
 import { InputText } from '@primereact/ui/inputtext';
 import { Select, type SelectValueChangeEvent } from '@primereact/ui/select';
 import * as React from 'react';
+
 const options = [
     { label: 'HEX', value: 'hex' },
     { label: 'RGBA', value: 'rgba' },
@@ -158,6 +159,7 @@ import { InputGroup } from '@primereact/ui/inputgroup';
 import { InputText } from '@primereact/ui/inputtext';
 import { Select, type SelectValueChangeEvent } from '@primereact/ui/select';
 import * as React from 'react';
+
 const options = [
     { label: 'HEX', value: 'hex' },
     { label: 'RGBA', value: 'rgba' },
@@ -370,6 +372,7 @@ import { Button } from '@primereact/ui/button';
 import { InputColor, type InputColorRootChangeEvent } from '@primereact/ui/inputcolor';
 import { InputText } from '@primereact/ui/inputtext';
 import * as React from 'react';
+
 export default function ControlledDemo() {
     const [value, setValue] = React.useState<ColorInstance>(parseColor('#000000'));
     const [endValue, setEndValue] = React.useState<ColorInstance>(parseColor('#000000'));

package/data/llms/styled/components/inputgroup/api.json

@@ -37,19 +37,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: InputGroupAddonInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: InputGroupAddonInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: InputGroupAddonInstance) => string)",
+              "type": "string | ((instance?: InputGroupAddonInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -134,7 +134,7 @@
           "props": [
             {
               "name": "inputgroup",
-              "type": "InputGroupRootInstance",
+              "type": "undefined | null | InputGroupRootInstance",
               "default": "",
               "description": "Instance of the InputGroup component."
             }
@@ -216,19 +216,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: InputGroupRootInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: InputGroupRootInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: InputGroupRootInstance) => string)",
+              "type": "string | ((instance?: InputGroupRootInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },

package/data/llms/styled/components/label/api.json

@@ -37,19 +37,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: LabelInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: LabelInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: LabelInstance) => string)",
+              "type": "string | ((instance?: LabelInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },

package/data/llms/styled/components/menu.md

@@ -829,7 +829,7 @@ export default function InlineDemo() {
                                     <ChevronDown className="size-3.5 transition-transform duration-200 [[data-open]>*>&]:rotate-180" />
                                 </Menu.SubmenuIndicator>
                             </Menu.SubmenuTrigger>
-                            <Menu.List className="ms-6! hidden! in-data-[part=sub]:in-data-open:flex!">
+                            <Menu.List className="ms-6! hidden! in-data-[part=submenu]:in-data-open:flex!">
                                 <Menu.Group>
                                     <Menu.Item>
                                         <Briefcase />
@@ -1082,58 +1082,47 @@ export default function TieredMenuDemo() {
 }
 ```
 
-### Apps
+### Emoji Picker
 
-The Menu component can be customized to create app launchers or grid-based menus. By applying custom classes to `Menu.List` and `Menu.Item`, the menu layout can be transformed into a grid structure with custom styling for icons and labels.
+The Menu component can be customized into a grid-based picker. By applying custom classes to `Menu.List` and `Menu.Item`, the menu layout becomes a categorized emoji grid, with `Menu.Label` marking each category and `Menu.Root`'s `onSelect` reporting the chosen emoji.
 
 ```tsx
-import { Bars } from '@primeicons/react/bars';
-import { Calendar } from '@primeicons/react/calendar';
-import { ChartLine } from '@primeicons/react/chart-line';
-import { Cloud } from '@primeicons/react/cloud';
-import { Cog } from '@primeicons/react/cog';
-import { Envelope } from '@primeicons/react/envelope';
-import { Image } from '@primeicons/react/image';
-import { MapMarker } from '@primeicons/react/map-marker';
-import { Search } from '@primeicons/react/search';
-import { Video } from '@primeicons/react/video';
+'use client';
 import { Button } from '@primereact/ui/button';
-import { Menu } from '@primereact/ui/menu';
+import { Menu, type MenuItemSelectEvent } from '@primereact/ui/menu';
 import * as React from 'react';
 
-const apps = [
-    { label: 'Search', icon: <Search />, gradient: 'from-sky-400 to-cyan-500' },
-    { label: 'Maps', icon: <MapMarker />, gradient: 'from-emerald-500 to-green-600' },
-    { label: 'Mail', icon: <Envelope />, gradient: 'from-orange-400 to-red-500' },
-    { label: 'Drive', icon: <Cloud />, gradient: 'from-blue-500 to-indigo-600' },
-    { label: 'Calendar', icon: <Calendar />, gradient: 'from-violet-500 to-purple-600' },
-    { label: 'Photos', icon: <Image />, gradient: 'from-fuchsia-500 to-pink-600' },
-    { label: 'Videos', icon: <Video />, gradient: 'from-red-500 to-rose-600' },
-    { label: 'Analytics', icon: <ChartLine />, gradient: 'from-cyan-500 to-blue-600' },
-    { label: 'Settings', icon: <Cog />, gradient: 'from-slate-500 to-zinc-700' }
-];
+export default function EmojiPickerDemo() {
+    const [selected, setSelected] = React.useState<string | null>(null);
 
-export default function AppsDemo() {
     return (
         <div className="flex justify-center">
-            <Menu.Root>
-                <Menu.Trigger as={Button} severity="secondary" variant="outlined" iconOnly aria-label="Apps">
-                    <Bars />
+            <Menu.Root onSelect={(e: MenuItemSelectEvent) => setSelected(e.value)}>
+                <Menu.Trigger as={Button} severity="secondary" variant="outlined" aria-label="Pick an emoji">
+                    <span className="text-lg leading-none">{selected ?? '🙂'}</span>
+                    Add reaction
                 </Menu.Trigger>
 
                 <Menu.Portal>
-                    <Menu.Positioner align="end" sideOffset={12}>
-                        <Menu.Popup>
-                            <Menu.List className="grid! grid-cols-3! gap-1! p-2!">
-                                {apps.map((app) => (
-                                    <Menu.Item key={app.label} className="flex-col items-center justify-center h-26 gap-3">
-                                        <div
-                                            className={`w-14 h-14 rounded-2xl bg-linear-to-br ${app.gradient} flex items-center justify-center transition-transform`}
-                                        >
-                                            {React.cloneElement(app.icon, { className: 'w-6! h-6! text-white' })}
-                                        </div>
-                                        <span className="text-sm font-medium">{app.label}</span>
-                                    </Menu.Item>
+                    <Menu.Positioner align="start" sideOffset={12}>
+                        <Menu.Popup className="w-80">
+                            <Menu.List className="grid! grid-cols-8! gap-0.5! p-1.5! max-h-72 overflow-y-auto">
+                                {categories.map((category) => (
+                                    <React.Fragment key={category.label}>
+                                        <Menu.Label className="col-span-full px-1 pt-2 pb-0.5 text-xs font-medium text-surface-500 dark:text-surface-400">
+                                            {category.label}
+                                        </Menu.Label>
+                                        {category.emojis.map((emoji) => (
+                                            <Menu.Item
+                                                key={emoji}
+                                                value={emoji}
+                                                aria-label={emoji}
+                                                className="flex! items-center justify-center aspect-square p-0! text-2xl! leading-none rounded-md cursor-pointer data-focused:bg-surface-100 dark:data-focused:bg-surface-800"
+                                            >
+                                                {emoji}
+                                            </Menu.Item>
+                                        ))}
+                                    </React.Fragment>
                                 ))}
                             </Menu.List>
                         </Menu.Popup>
@@ -1143,6 +1132,15 @@ export default function AppsDemo() {
         </div>
     );
 }
+
+const categories = [
+    { label: 'Smileys', emojis: ['😀', '😃', '😄', '😁', '😆', '😅', '😂', '🙂', '😉', '😊', '😍', '🥰', '😘', '😎', '🤩', '🤔'] },
+    { label: 'Gestures', emojis: ['👍', '👎', '👌', '✌️', '🤞', '🤟', '👏', '🙌', '🙏', '💪', '👋', '🤝'] },
+    { label: 'Animals', emojis: ['🐶', '🐱', '🐭', '🐹', '🐰', '🦊', '🐻', '🐼', '🐨', '🐯', '🦁', '🐮'] },
+    { label: 'Food', emojis: ['🍎', '🍓', '🍕', '🍔', '🍟', '🌮', '🍣', '🍩', '🍪', '🎂', '🍫', '☕'] },
+    { label: 'Activities', emojis: ['⚽', '🏀', '🎮', '🎲', '🎸', '🎨', '🎬', '🏆', '🎯', '🎧', '🥁', '🎤'] },
+    { label: 'Symbols', emojis: ['❤️', '🧡', '💛', '💚', '💙', '💜', '🔥', '⭐', '✨', '🎉', '💯', '✅'] }
+];
 ```
 
 ## Related

package/data/llms/styled/components/organizationchart/api.json

@@ -37,19 +37,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: OrganizationChartContentInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: OrganizationChartContentInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: OrganizationChartContentInstance) => string)",
+              "type": "string | ((instance?: OrganizationChartContentInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -186,19 +186,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: OrganizationChartLabelInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: OrganizationChartLabelInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: OrganizationChartLabelInstance) => string)",
+              "type": "string | ((instance?: OrganizationChartLabelInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -335,19 +335,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: OrganizationChartNodeInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: OrganizationChartNodeInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: OrganizationChartNodeInstance) => string)",
+              "type": "string | ((instance?: OrganizationChartNodeInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -408,7 +408,7 @@
             {
               "name": "uKey",
               "type": "string",
-              "default": "",
+              "default": "''",
               "description": "The unique key identifying this node in the data. Used to resolve node state from the headless layer."
             },
             {
@@ -438,7 +438,7 @@
           "props": [
             {
               "name": "node",
-              "type": "TreeNode",
+              "type": "undefined | TreeNode",
               "default": "",
               "description": "The resolved node data, or undefined when the key is unknown."
             },
@@ -515,19 +515,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: OrganizationChartNodesInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: OrganizationChartNodesInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: OrganizationChartNodesInstance) => string)",
+              "type": "string | ((instance?: OrganizationChartNodesInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -664,19 +664,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: OrganizationChartRootInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: OrganizationChartRootInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: OrganizationChartRootInstance) => string)",
+              "type": "string | ((instance?: OrganizationChartRootInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -836,7 +836,7 @@
             },
             {
               "name": "findNodeByKey",
-              "type": "(key: string) => TreeNode",
+              "type": "(key: string) => undefined | TreeNode",
               "default": "",
               "description": "Looks up a node by its key."
             },
@@ -848,13 +848,13 @@
             },
             {
               "name": "toggleNodeSelect",
-              "type": "(key?: string, event?: SyntheticEvent) => void",
+              "type": "(key?: string, event?: SyntheticEvent<Element, Event>) => void",
               "default": "",
               "description": "Toggle the selection state of a node (respecting  `selectionMode` )."
             },
             {
               "name": "toggleNodeCollapse",
-              "type": "(key?: string, event?: SyntheticEvent) => void",
+              "type": "(key?: string, event?: SyntheticEvent<Element, Event>) => void",
               "default": "",
               "description": "Toggle the collapsed state of a node."
             },
@@ -896,19 +896,19 @@
             },
             {
               "name": "getTreeProps",
-              "type": "(node: TreeNode, level: number) => UseOrganizationChartTreeProps",
+              "type": "(node: undefined | TreeNode, level: number) => UseOrganizationChartTreeProps",
               "default": "",
               "description": "Returns pre-built props for a tree (connector wrapper) element."
             },
             {
               "name": "getNodeProps",
-              "type": "(node: TreeNode, handleClick: (event: MouseEvent<HTMLDivElement>) => void) => UseOrganizationChartNodeProps",
+              "type": "(node: undefined | TreeNode, handleClick: (event: MouseEvent<HTMLDivElement>) => void) => UseOrganizationChartNodeProps",
               "default": "",
               "description": "Returns pre-built props for a node element."
             },
             {
               "name": "getCollapseButtonProps",
-              "type": "(node: TreeNode, handleClick: (event: MouseEvent<HTMLButtonElement>) => void) => { data-scope: \"organizationchart\"; data-part: \"toggle\"; onClick: (event: MouseEvent<HTMLButtonElement>) => void; onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void }",
+              "type": "(node: undefined | TreeNode, handleClick: (event: MouseEvent<HTMLButtonElement>) => void) => { data-scope: \"organizationchart\"; data-part: \"toggle\"; onClick: (event: MouseEvent<HTMLButtonElement>) => void; onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void }",
               "default": "",
               "description": "Returns pre-built props for a collapse toggle button element."
             },
@@ -1003,19 +1003,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: OrganizationChartSelectionInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: OrganizationChartSelectionInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: OrganizationChartSelectionInstance) => string)",
+              "type": "string | ((instance?: OrganizationChartSelectionInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -1177,19 +1177,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: OrganizationChartToggleInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: OrganizationChartToggleInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: OrganizationChartToggleInstance) => string)",
+              "type": "string | ((instance?: OrganizationChartToggleInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -1333,19 +1333,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: OrganizationChartToggleIndicatorInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: OrganizationChartToggleIndicatorInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: OrganizationChartToggleIndicatorInstance) => string)",
+              "type": "string | ((instance?: OrganizationChartToggleIndicatorInstance) => undefined | string)",
               "default": "",
               "description": "The class name to apply to the component."
             },
             {
               "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "type": "null | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
               "default": "",
               "description": "The component type to render."
             },
@@ -1406,7 +1406,7 @@
             {
               "name": "match",
               "type": "OrganizationChartToggleIndicatorMatch",
-              "default": "",
+              "default": "'always'",
               "description": "Render this slot only when the toggle state matches.  `always`  renders regardless of state."
             },
             {