@primereact/mcp 11.0.0 → 11.2.0

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

@@ -37,19 +37,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: RatingOptionInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: RatingOptionInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: RatingOptionInstance) => string)",
+              "type": "string | ((instance?: RatingOptionInstance) => 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."
             },
@@ -147,7 +147,7 @@
             },
             {
               "name": "optionRef",
-              "type": "RefObject<Element>",
+              "type": "RefObject<null | Element>",
               "default": "",
               "description": "Ref to the option's root DOM element, used internally for pointer position calculations."
             },
@@ -189,7 +189,7 @@
             },
             {
               "name": "halfInputProps",
-              "type": "InputHTMLAttributes<HTMLInputElement>",
+              "type": "null | InputHTMLAttributes<HTMLInputElement>",
               "default": "",
               "description": "Pre-built props for the half-value sr-only radio input. Null when allowHalf is false."
             },
@@ -201,7 +201,7 @@
             },
             {
               "name": "rating",
-              "type": "RatingRootInstance",
+              "type": "undefined | null | RatingRootInstance",
               "default": "",
               "description": "The parent Rating component instance."
             }
@@ -310,19 +310,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: RatingRootInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: RatingRootInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: RatingRootInstance) => string)",
+              "type": "string | ((instance?: RatingRootInstance) => 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."
             },
@@ -512,7 +512,7 @@
             },
             {
               "name": "resolvePointerValue",
-              "type": "(e: MouseEvent<Element, MouseEvent> | PointerEvent<Element>, optionEl: Element, idx: number) => number",
+              "type": "(e: MouseEvent<Element, MouseEvent> | PointerEvent<Element>, optionEl: null | Element, idx: number) => number",
               "default": "",
               "description": "Resolves the value to set from a pointer event, taking allowHalf and element position into account."
             },
@@ -728,7 +728,7 @@
             },
             {
               "name": "resolvePointerValue",
-              "type": "(e: MouseEvent<Element, MouseEvent> | PointerEvent<Element>, optionEl: Element, idx: number) => number",
+              "type": "(e: MouseEvent<Element, MouseEvent> | PointerEvent<Element>, optionEl: null | Element, idx: number) => number",
               "default": "",
               "description": "Resolves the value to set from a pointer event, taking allowHalf and element position into account."
             },

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

@@ -2008,11 +2008,14 @@ const nodes: TreeNodeData[] = [
 function findPath(list: TreeNodeData[], key: string, trail: string[] = []): { path: string[]; label: string } | undefined {
     for (const node of list) {
         if (node.key === key) return { path: trail, label: node.label as string };
+
         if (node.children) {
             const found = findPath(node.children, key, [...trail, node.key as string]);
+
             if (found) return found;
         }
     }
+
     return undefined;
 }
 
@@ -2027,9 +2030,12 @@ export default function TreeDemo() {
     // Expand the path to the selected node when the popup opens.
     const onOpenChange = (e: SelectOpenChangeEvent) => {
         const isOpen = !!e.value;
+
         setOpen(isOpen);
+
         if (isOpen && selectedInfo) {
             const next: TreeExpandedKeys = {};
+
             for (const key of selectedInfo.path) next[key] = true;
             setExpandedKeys(next);
         }

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

@@ -26,9 +26,10 @@ import { Avatar } from '@primereact/ui/avatar';
 import { Button } from '@primereact/ui/button';
 import { Sidebar } from '@primereact/ui/sidebar';
 import * as React from 'react';
+import type { IconProps } from '@primeicons/react/core';
 
 type NavItem = {
-    icon: React.FC<any>;
+    icon: React.FC<IconProps>;
     label: string;
     isActive?: boolean;
     badge?: string;
@@ -250,9 +251,11 @@ import { ToggleButton } from '@primereact/ui/togglebutton';
 import { ToggleSwitch, type ToggleSwitchRootChangeEvent } from '@primereact/ui/toggleswitch';
 import { ToggleButtonGroup, ToggleButtonGroupValueChangeEvent } from '@primereact/ui/togglebuttongroup';
 import * as React from 'react';
+import type { IconProps } from '@primeicons/react/core';
+import type { SidebarCollapsible, SidebarSide, SidebarVariant } from '@primereact/ui/sidebar';
 
 type NavItem = {
-    icon: React.FC<any>;
+    icon: React.FC<IconProps>;
     label: string;
     isActive?: boolean;
     badge?: string;
@@ -301,9 +304,9 @@ const collapsibleOptions = [
 ];
 
 export default function VariantsDemo() {
-    const [variant, setVariant] = React.useState<'sidebar' | 'floating' | 'inset'>('sidebar');
-    const [collapsible, setCollapsible] = React.useState<'icon' | 'offcanvas' | 'none'>('icon');
-    const [side, setSide] = React.useState<'left' | 'right'>('left');
+    const [variant, setVariant] = React.useState<SidebarVariant>('sidebar');
+    const [collapsible, setCollapsible] = React.useState<SidebarCollapsible>('icon');
+    const [side, setSide] = React.useState<SidebarSide>('left');
     const [overlay, setOverlay] = React.useState(false);
     const [openOnHover, setOpenOnHover] = React.useState(false);
     const [backdrop, setBackdrop] = React.useState(false);
@@ -315,7 +318,7 @@ export default function VariantsDemo() {
                     <Label>Variant</Label>
                     <Select.Root
                         value={variant}
-                        onValueChange={(e: SelectValueChangeEvent) => setVariant(e.value as any)}
+                        onValueChange={(e: SelectValueChangeEvent) => setVariant(e.value as SidebarVariant)}
                         options={variantOptions}
                         optionLabel="label"
                         optionValue="value"
@@ -340,7 +343,7 @@ export default function VariantsDemo() {
                     <Label>Collapsible</Label>
                     <Select.Root
                         value={collapsible}
-                        onValueChange={(e: SelectValueChangeEvent) => setCollapsible(e.value as any)}
+                        onValueChange={(e: SelectValueChangeEvent) => setCollapsible(e.value as SidebarCollapsible)}
                         options={collapsibleOptions}
                         optionLabel="label"
                         optionValue="value"
@@ -1276,10 +1279,11 @@ import { useIsMobile } from '@primereact/hooks';
 import { Avatar } from '@primereact/ui/avatar';
 import { Button } from '@primereact/ui/button';
 import { Sidebar } from '@primereact/ui/sidebar';
+import type { IconProps } from '@primeicons/react/core';
 
 type MenuItem = {
     label: string;
-    icon?: React.FC<any>;
+    icon?: React.FC<IconProps>;
     isActive?: boolean;
     children?: MenuItem[];
 };

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

@@ -871,6 +871,7 @@ function fetchChildren(parent: TreeNodeData): Promise<TreeNodeData[]> {
 function setChildren(list: TreeNodeData[], key: string, children: TreeNodeData[]): TreeNodeData[] {
     return list.map((n) => {
         if (n.key === key) return { ...n, children, loading: false };
+
         if (n.children?.length) return { ...n, children: setChildren(n.children, key, children) };
 
         return n;
@@ -880,6 +881,7 @@ function setChildren(list: TreeNodeData[], key: string, children: TreeNodeData[]
 function setLoading(list: TreeNodeData[], key: string, loading: boolean): TreeNodeData[] {
     return list.map((n) => {
         if (n.key === key) return { ...n, loading };
+
         if (n.children?.length) return { ...n, children: setLoading(n.children, key, loading) };
 
         return n;
@@ -972,6 +974,7 @@ export default function LoadingOverlayDemo() {
         setLoading(true);
         setTimeout(async () => {
             const data = await NodeService.getTreeNodes();
+
             setNodes(data);
             setLoading(false);
         }, 1500);
@@ -1042,6 +1045,7 @@ export default function LoadingSkeletonDemo() {
         setLoading(true);
         setTimeout(async () => {
             const data = await NodeService.getTreeNodes();
+
             setNodes(data);
             setLoading(false);
         }, 1500);
@@ -1110,6 +1114,7 @@ export default function EmptyDemo() {
 
     const addNode = () => {
         const next: TreeNodeData = { key: `root-${nodes.length}`, label: `New Folder ${nodes.length + 1}` };
+
         setNodes((prev) => [...prev, next]);
     };