@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,210 @@
+[
+  {
+    "name": "FloatLabel",
+    "source": "apps/showcase/assets/apidoc/floatlabel.json",
+    "data": {
+      "description": "FloatLabel visually integrates a label with its form element.",
+      "interfaces": {
+        "FloatLabelPassThrough": {
+          "description": "Defines passthrough(pt) options of FloatLabel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "FloatLabelPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "FloatLabelProps": {
+          "description": "Defines valid properties in FloatLabel component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<FloatLabelInstance, UseFloatLabelProps, FloatLabelPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: FloatLabelInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: FloatLabelInstance) => 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>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "FloatLabelInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<FloatLabelPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: FloatLabelInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "variant",
+              "type": "\"on\" | \"in\" | \"over\"",
+              "default": "over",
+              "description": "Defines the positioning of the label relative to the input."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "FloatLabelState": {
+          "description": "Defines valid state in FloatLabel component.",
+          "relatedProp": "",
+          "extendedTypes": "UseFloatLabelState",
+          "props": [],
+          "methods": []
+        },
+        "FloatLabelExposes": {
+          "description": "Defines the methods and properties exposed by FloatLabel component.",
+          "relatedProp": "",
+          "extendedTypes": "UseFloatLabelExposes",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "FloatLabelPassThroughType": {
+          "description": "Defines passthrough(pt) options type in FloatLabel component.",
+          "values": "PassThroughType<FloatLabelInstance, E>"
+        },
+        "FloatLabelClassNamesType": {
+          "description": "Type representing the CSS class names used in the FloatLabel component.",
+          "values": "typeof FloatLabelClassNames[keyof typeof FloatLabelClassNames]"
+        },
+        "FloatLabelInstance": {
+          "description": "Instance of FloatLabel component.",
+          "values": "ComponentInstance<FloatLabelProps, FloatLabelState, FloatLabelExposes>"
+        }
+      },
+      "variables": {
+        "FloatLabelClassNames": {
+          "description": "Defines the CSS class names used in the FloatLabel component.",
+          "variables": [
+            {
+              "name": "root",
+              "value": "p-floatlabel",
+              "optional": false,
+              "readonly": true,
+              "description": "Class name of the root element"
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    "name": "useFloatLabel",
+    "source": "apps/showcase/assets/apidoc/usefloatlabel.json",
+    "data": {
+      "description": "The useFloatLabel manages the state and functionality of a float label component.",
+      "interfaces": {
+        "UseFloatLabelProps": {
+          "description": "Defines valid properties in useFloatLabel.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "UseFloatLabelState": {
+          "description": "Defines valid state in useFloatLabel.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "UseFloatLabelExposes": {
+          "description": "Defines the methods and properties exposed by useFloatLabel.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "UseFloatLabelInstance": {
+          "description": "Instance of useFloatLabel headless.",
+          "values": "HeadlessInstance<UseFloatLabelProps, UseFloatLabelState, UseFloatLabelExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]

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

@@ -0,0 +1,231 @@
+# FloatLabel
+
+FloatLabel visually integrates a label with its form element.
+
+```tsx
+'use client';
+import { FloatLabel } from '@primereact/ui/floatlabel';
+import { InputText } from '@primereact/ui/inputtext';
+import { Label } from '@primereact/ui/label';
+import * as React from 'react';
+
+export default function Preview() {
+    const [value, setValue] = React.useState('');
+
+    return (
+        <div className="max-w-3xs mx-auto w-full">
+            <FloatLabel>
+                <InputText fluid value={value} onInput={(e: React.FormEvent<HTMLInputElement>) => setValue(e.currentTarget.value)} id="username" />
+                <Label htmlFor="username">Username</Label>
+            </FloatLabel>
+            <small className="text-surface-500 mt-1.5 opacity-75">Click to see the floating label</small>
+        </div>
+    );
+}
+```
+
+## Usage
+
+```tsx
+import { FloatLabel } from '@primereact/ui/floatlabel';
+```
+
+```tsx
+<FloatLabel></FloatLabel>
+```
+
+## Examples
+
+### Basic
+
+A label that transitions above the input field when focused.
+
+```tsx
+'use client';
+import { FloatLabel } from '@primereact/ui/floatlabel';
+import { InputText } from '@primereact/ui/inputtext';
+import { Label } from '@primereact/ui/label';
+import * as React from 'react';
+
+export default function BasicDemo() {
+    const [value, setValue] = React.useState('');
+
+    return (
+        <div className="flex flex-wrap justify-center">
+            <FloatLabel>
+                <InputText value={value} onInput={(e: React.FormEvent<HTMLInputElement>) => setValue(e.currentTarget.value)} id="username" />
+                <Label htmlFor="username">Username</Label>
+            </FloatLabel>
+        </div>
+    );
+}
+```
+
+### Variants
+
+The `variant` property defines the position of the label. Default value is `over`, whereas `in` and `on` are the alternatives.
+
+```tsx
+'use client';
+import { FloatLabel } from '@primereact/ui/floatlabel';
+import { InputText } from '@primereact/ui/inputtext';
+import { Label } from '@primereact/ui/label';
+import * as React from 'react';
+
+export default function VariantsDemo() {
+    const [value1, setValue1] = React.useState('');
+    const [value2, setValue2] = React.useState('');
+
+    return (
+        <div className="flex flex-wrap justify-center items-end gap-4">
+            <FloatLabel variant="in">
+                <InputText
+                    id="in_label"
+                    value={value1}
+                    onInput={(e: React.FormEvent<HTMLInputElement>) => setValue1(e.currentTarget.value)}
+                    autoComplete="off"
+                />
+                <Label htmlFor="in_label">In Label</Label>
+            </FloatLabel>
+
+            <FloatLabel variant="on">
+                <InputText
+                    id="on_label"
+                    value={value2}
+                    onInput={(e: React.FormEvent<HTMLInputElement>) => setValue2(e.currentTarget.value)}
+                    autoComplete="off"
+                />
+                <Label htmlFor="on_label">On Label</Label>
+            </FloatLabel>
+        </div>
+    );
+}
+```
+
+### Invalid
+
+When the form element is invalid, the label is also highlighted.
+
+```tsx
+'use client';
+import { FloatLabel } from '@primereact/ui/floatlabel';
+import { InputText } from '@primereact/ui/inputtext';
+import { Label } from '@primereact/ui/label';
+import * as React from 'react';
+
+export default function InvalidDemo() {
+    const [value1, setValue1] = React.useState('');
+    const [value2, setValue2] = React.useState('');
+    const [value3, setValue3] = React.useState('');
+
+    return (
+        <div className="flex flex-wrap justify-center items-end gap-4">
+            <FloatLabel>
+                <InputText
+                    id="value1"
+                    value={value1}
+                    onInput={(e: React.FormEvent<HTMLInputElement>) => setValue1(e.currentTarget.value)}
+                    invalid={!value1}
+                />
+                <Label htmlFor="value1">Username</Label>
+            </FloatLabel>
+
+            <FloatLabel variant="in">
+                <InputText
+                    id="value2"
+                    value={value2}
+                    onInput={(e: React.FormEvent<HTMLInputElement>) => setValue2(e.currentTarget.value)}
+                    autoComplete="off"
+                    invalid={!value2}
+                />
+                <Label htmlFor="value2">Username</Label>
+            </FloatLabel>
+
+            <FloatLabel variant="on">
+                <InputText
+                    id="value3"
+                    value={value3}
+                    onInput={(e: React.FormEvent<HTMLInputElement>) => setValue3(e.currentTarget.value)}
+                    autoComplete="off"
+                    invalid={!value3}
+                />
+                <Label htmlFor="value3">Username</Label>
+            </FloatLabel>
+        </div>
+    );
+}
+```
+
+## Accessibility
+
+### Screen Reader
+
+FloatLabel does not require any roles and attributes.
+
+### Keyboard Support
+
+Component does not include any interactive elements.
+
+
+# FloatLabel API
+
+API documentation for FloatLabel component
+
+## FloatLabel
+
+### Props
+
+<DocTable name="FloatLabel" category="api" type="props" />
+
+### State
+
+<DocTable name="FloatLabel" category="api" type="state" />
+
+### Exposes
+
+<DocTable name="FloatLabel" category="api" type="exposes" />
+
+### Interfaces
+
+<DocTable name="FloatLabel" category="api" type="interfaces" />
+
+### Types
+
+<DocTable name="FloatLabel" category="api" type="types" />
+
+## useFloatLabel
+
+### Props
+
+<DocTable name="useFloatLabel" category="api" type="props" />
+
+### State
+
+<DocTable name="useFloatLabel" category="api" type="state" />
+
+### Exposes
+
+<DocTable name="useFloatLabel" category="api" type="exposes" />
+
+### Interfaces
+
+<DocTable name="useFloatLabel" category="api" type="interfaces" />
+
+### Types
+
+<DocTable name="useFloatLabel" category="api" type="types" />
+
+
+## Theming
+
+### CSS Classes
+
+List of class names used in the styled mode.
+
+<DocTable name="FloatLabel" category="style" />
+
+### Design Tokens
+
+List of design tokens.
+
+<DocTable name="FloatLabel" category="token" />

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

@@ -0,0 +1,204 @@
+[
+  {
+    "name": "Fluid",
+    "source": "apps/showcase/assets/apidoc/fluid.json",
+    "data": {
+      "description": "Fluid is a layout component to make descendant components span full width of their container.",
+      "interfaces": {
+        "FluidPassThrough": {
+          "description": "Defines passthrough(pt) options of Fluid component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "FluidPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "FluidProps": {
+          "description": "Defines valid properties in Fluid component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<FluidInstance, UseFluidProps, FluidPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: FluidInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: FluidInstance) => 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>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "FluidInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<FluidPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: FluidInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "FluidState": {
+          "description": "Defines valid state in Fluid component.",
+          "relatedProp": "",
+          "extendedTypes": "UseFluidState",
+          "props": [],
+          "methods": []
+        },
+        "FluidExposes": {
+          "description": "Defines the methods and properties exposed by Fluid component.",
+          "relatedProp": "",
+          "extendedTypes": "UseFluidExposes",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "FluidPassThroughType": {
+          "description": "Defines passthrough(pt) options type in Fluid component.",
+          "values": "PassThroughType<FluidInstance, E>"
+        },
+        "FluidClassNamesType": {
+          "description": "Type representing the CSS class names used in the Fluid component.",
+          "values": "typeof FluidClassNames[keyof typeof FluidClassNames]"
+        },
+        "FluidInstance": {
+          "description": "Instance of Fluid component.",
+          "values": "ComponentInstance<FluidProps, FluidState, FluidExposes>"
+        }
+      },
+      "variables": {
+        "FluidClassNames": {
+          "description": "Defines the CSS class names used in the Fluid component.",
+          "variables": [
+            {
+              "name": "root",
+              "value": "p-fluid",
+              "optional": false,
+              "readonly": true,
+              "description": "Class name of the root element"
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    "name": "useFluid",
+    "source": "apps/showcase/assets/apidoc/usefluid.json",
+    "data": {
+      "description": "The useFluid manages the state and functionality of a fluid component.",
+      "interfaces": {
+        "UseFluidProps": {
+          "description": "Defines valid properties in useFluid.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "UseFluidState": {
+          "description": "Defines valid state in useFluid.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "UseFluidExposes": {
+          "description": "Defines the methods and properties exposed by useFluid.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "UseFluidInstance": {
+          "description": "Instance of useFluid headless.",
+          "values": "HeadlessInstance<UseFluidProps, UseFluidState, UseFluidExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]