@primereact/mcp 11.0.0-rc.2

package/data/llms/primitive/guides/misc/passthrough.md

@@ -0,0 +1,95 @@
+# Pass Through
+
+The Pass Through attributes is an API to access the internal DOM Structure of the components.
+
+## Introduction
+
+In traditional 3rd party UI libraries, users are limited to the API provided by component author. This API commonly consists of props, events and slots. Whenever a requirement emerges for a new customization option in the API, the component
+author needs to develop and publish it with a new release.
+
+Vision of PrimeTek is _Your components, not ours_. The pass through feature is a key element to implement this vision by exposing the component internals in order to apply arbitrary attributes and listeners to the DOM elements. The primary
+advantage of this approach is that it frees you from being restricted by the main component API. We recommend considering the pass-through feature whenever you need to tailor a component that lacks a built-in feature for your specific
+requirement.
+
+## Basic
+
+Each component has a special `pt` property to define an object with keys corresponding to the available DOM elements. Each value can either be a string, an object or a function that returns a string or an object to define the
+arbitrary properties to apply to the element such as styling, aria, data-\* or custom attributes. If the value is a string or a function that returns a string, it is considered as a className definition and added to the className attribute of the
+element. Every component documentation has a dedicated section to document the available section names exposed via PT.
+
+Most common usage of `pt` is styling and customization. Example below styles an unstyled Panel component with Tailwind CSS library.
+
+```tsx
+import { Panel } from 'primereact/panel';
+
+export default function BasicDemo() {
+    return (
+        <div>
+            <Panel.Root
+                pt={{
+                    root: 'border border-primary rounded-xl p-4',
+                    header: {
+                        id: 'myPanelHeader',
+                        style: {
+                            userSelect: 'none'
+                        },
+                        className: 'flex items-center justify-between text-primary font-bold'
+                    },
+                    content: { className: 'text-primary-700 dark:text-primary-200 mt-4' },
+                    title: 'text-xl'
+                }}
+            >
+                <Panel.Header>
+                    <Panel.Title> Header</Panel.Title>
+                </Panel.Header>
+                <Panel.Content>
+                    <p>
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
+                        enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+                        in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+                        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    </p>
+                </Panel.Content>
+            </Panel.Root>
+        </div>
+    );
+}
+```
+
+## Global
+
+Defines the shared pass through properties per component type. For example, with the configuration below all panel headers have the `bg-primary` style class and the all autocomplete components have a fixed width. These settings can be overriden by a particular component as components `pt` property has higher precedence over global `pt`.
+
+```tsx
+pt: {
+    panel: {
+        header: {
+            className: 'bg-primary text-primary-contrast'
+        }
+    },
+    autocomplete: {
+        input: {
+            root: 'w-64' // OR { class: 'w-64' }
+        }
+    }
+}
+```
+
+## Custom CSS
+
+The `global` property has a `css` option to define custom css that belongs to a global `pt` configuration. Common use case of this feature is defining global styles and animations related to the pass through configuration.
+
+```tsx
+pt: {
+    global: {
+        css: `
+            .my-button {
+                border-width: 2px;
+            }
+        `
+    },
+    button: {
+        root: 'my-button'
+    }
+}
+```

package/data/llms/primitive/guides/misc/rtl.md

@@ -0,0 +1,27 @@
+# RTL Support
+
+Right-to-left direction support of PrimeReact.
+
+## Configuration
+
+The PrimeReact components natively support Right-to-Left (RTL) text direction through a modern CSS implementation utilizing FlexBox and classes like `*-inline-start` and `*-block-end`. Consequently, no JavaScript configuration is necessary; setting the document's text direction to RTL is sufficient to enable this feature.
+
+The RTL setting can either be set using the `dir` attribute or with the `direction` style property.
+
+### With Markup
+
+```html
+<html dir="rtl"></html>
+```
+
+### With CSS
+
+```css
+html {
+    direction: rtl;
+}
+```
+
+## Limitations
+
+RTL is widely supported by the UI suite except the Galleria and Carousel components. These components will be enhanced with a modern implementation in upcoming versions with built-in support for RTL.

package/data/llms/primitive/llms.md

@@ -0,0 +1,25 @@
+# LLMs.txt
+
+LLMs.txt is a file that contains the LLMs for the PrimeReact documentation.
+
+## /llms.txt
+
+The [llms.txt](https://llmstxt.org/) file is an industry standard that helps AI models better understand and navigate the PrimeReact documentation. It lists key pages in a structured format, making it easier for LLMs to retrieve relevant information.
+
+<Button as="a" href="/llms.txt" target="_blank">Open llms.txt</Button>
+
+&nbsp;
+
+## /llms-full.txt
+
+The `llms-full.txt` file is a complete list of all the pages in the PrimeReact documentation. It is used to help AI models understand the entire documentation set.
+
+<Button as="a" href="/llms-full.txt" target="_blank">Open llms-full.txt</Button>
+
+&nbsp;
+
+## .md extension
+
+Add a `.md` to a page’s URL to display a Markdown version of that page.
+
+<Button as="a" href="/docs/overview/llms.md" target="_blank">Open /docs/overview/llms.md</Button>

package/data/llms/primitive/resources/introduction.md

@@ -0,0 +1,15 @@
+# Resources
+
+Support channels, legacy versions and places to discover more about PrimeReact.
+
+## Overview
+
+Everything around the library, where to get help, find older versions, and stay up to date.
+
+## What's here
+
+- **Support**, get help on Discord, the community forum, or through premium support.
+- **Legacy**, documentation for previous major versions.
+- **Discover**, the store, social channels and newsletter.
+
+Pick a category from the sidebar to jump in.

package/data/llms/styled/add-ons/introduction.md

@@ -0,0 +1,16 @@
+# Add-Ons
+
+Premium templates, UI blocks and design tooling that build on top of PrimeReact.
+
+## Overview
+
+Add-Ons are premium, production-ready resources built on top of PrimeReact. They help you skip the boilerplate and ship faster, from full application templates to ready-made UI blocks and design tooling.
+
+## What's included
+
+- **Templates**, complete, themeable application starters with layouts, pages and integrations wired up.
+- **Blocks**, copy-and-paste UI sections for application, marketing and e-commerce pages.
+- **Figma UI Kit**, the design source that mirrors the component library, for designing before you build.
+- **Theme Designer**, a visual tool to craft and export your own design tokens and themes.
+
+Pick a category from the sidebar to explore each add-on.