@primereact/mcp 11.0.0-rc.2

package/data/llms/primitive/components/select/api.json

@@ -0,0 +1,3167 @@
+[
+  {
+    "name": "SelectArrow",
+    "source": "apps/showcase/assets/apidoc/selectarrow.json",
+    "data": {
+      "description": "SelectArrow is a component that displays the arrow of a select popup.",
+      "interfaces": {
+        "SelectArrowPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectArrow component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectArrowPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectArrowProps": {
+          "description": "Defines valid properties in SelectArrow component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectArrowInstance, unknown, SelectArrowPassThrough>",
+          "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?: SelectArrowInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectArrowInstance) => 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": "SelectArrowInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectArrowPassThrough>",
+              "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: SelectArrowInstance) => 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": []
+        },
+        "SelectArrowState": {
+          "description": "Defines valid state in SelectArrow component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectArrowExposes": {
+          "description": "Defines the methods and properties exposed by SelectArrow component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectArrowPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectArrow component.",
+          "values": "PassThroughType<SelectArrowInstance, E>"
+        },
+        "SelectArrowInstance": {
+          "description": "Instance of SelectArrow component.",
+          "values": "ComponentInstance<SelectArrowProps, SelectArrowState, SelectArrowExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectClear",
+    "source": "apps/showcase/assets/apidoc/selectclear.json",
+    "data": {
+      "description": "SelectClear is the clear button for the Select component.",
+      "interfaces": {
+        "SelectClearPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectClear component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectClearPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectClearProps": {
+          "description": "Defines valid properties in SelectClear component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectClearInstance, unknown, SelectClearPassThrough>",
+          "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?: SelectClearInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectClearInstance) => 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": "SelectClearInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectClearPassThrough>",
+              "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: SelectClearInstance) => 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": []
+        },
+        "SelectClearState": {
+          "description": "Defines valid state in SelectClear component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectClearExposes": {
+          "description": "Defines the methods and properties exposed by SelectClear component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectClearPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectClear component.",
+          "values": "PassThroughType<SelectClearInstance, E>"
+        },
+        "SelectClearInstance": {
+          "description": "Instance of SelectClear component.",
+          "values": "ComponentInstance<SelectClearProps, SelectClearState, SelectClearExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectEmpty",
+    "source": "apps/showcase/assets/apidoc/selectempty.json",
+    "data": {
+      "description": "SelectEmpty is displayed when no options match in the Select component.",
+      "interfaces": {
+        "SelectEmptyPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectEmpty component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectEmptyPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectEmptyProps": {
+          "description": "Defines valid properties in SelectEmpty component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectEmptyInstance, unknown, SelectEmptyPassThrough>",
+          "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?: SelectEmptyInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectEmptyInstance) => 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": "SelectEmptyInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectEmptyPassThrough>",
+              "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: SelectEmptyInstance) => 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": []
+        },
+        "SelectEmptyState": {
+          "description": "Defines valid state in SelectEmpty component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectEmptyExposes": {
+          "description": "Defines the methods and properties exposed by SelectEmpty component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectEmptyPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectEmpty component.",
+          "values": "PassThroughType<SelectEmptyInstance, E>"
+        },
+        "SelectEmptyInstance": {
+          "description": "Instance of SelectEmpty component.",
+          "values": "ComponentInstance<SelectEmptyProps, SelectEmptyState, SelectEmptyExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectFilter",
+    "source": "apps/showcase/assets/apidoc/selectfilter.json",
+    "data": {
+      "description": "SelectFilter is the filter input for the Select component.",
+      "interfaces": {
+        "SelectFilterPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectFilter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectFilterPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "input",
+              "type": "SelectFilterPassThroughType<HTMLAttributes<HTMLInputElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the input's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectFilterProps": {
+          "description": "Defines valid properties in SelectFilter component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectFilterInstance, unknown, SelectFilterPassThrough>",
+          "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?: SelectFilterInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectFilterInstance) => 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": "SelectFilterInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectFilterPassThrough>",
+              "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: SelectFilterInstance) => 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": "placeholder",
+              "type": "string",
+              "default": "",
+              "description": "Placeholder text for the filter input."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SelectFilterState": {
+          "description": "Defines valid state in SelectFilter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectFilterExposes": {
+          "description": "Defines the methods and properties exposed by SelectFilter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectFilterPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectFilter component.",
+          "values": "PassThroughType<SelectFilterInstance, E>"
+        },
+        "SelectFilterInstance": {
+          "description": "Instance of SelectFilter component.",
+          "values": "ComponentInstance<SelectFilterProps, SelectFilterState, SelectFilterExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectFooter",
+    "source": "apps/showcase/assets/apidoc/selectfooter.json",
+    "data": {
+      "description": "SelectFooter is the footer container for the Select footer.",
+      "interfaces": {
+        "SelectFooterPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectFooterPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectFooterProps": {
+          "description": "Defines valid properties in SelectFooter component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectFooterInstance, unknown, SelectFooterPassThrough>",
+          "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?: SelectFooterInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectFooterInstance) => 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": "SelectFooterInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectFooterPassThrough>",
+              "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: SelectFooterInstance) => 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": []
+        },
+        "SelectFooterState": {
+          "description": "Defines valid state in SelectFooter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectFooterExposes": {
+          "description": "Defines the methods and properties exposed by SelectFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectFooterPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectFooter component.",
+          "values": "PassThroughType<SelectFooterInstance, E>"
+        },
+        "SelectFooterInstance": {
+          "description": "Instance of SelectFooter component.",
+          "values": "ComponentInstance<SelectFooterProps, SelectFooterState, SelectFooterExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectHeader",
+    "source": "apps/showcase/assets/apidoc/selectheader.json",
+    "data": {
+      "description": "SelectHeader is the header container for the Select header.",
+      "interfaces": {
+        "SelectHeaderPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectHeaderPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectHeaderProps": {
+          "description": "Defines valid properties in SelectHeader component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectHeaderInstance, unknown, SelectHeaderPassThrough>",
+          "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?: SelectHeaderInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectHeaderInstance) => 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": "SelectHeaderInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectHeaderPassThrough>",
+              "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: SelectHeaderInstance) => 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": []
+        },
+        "SelectHeaderState": {
+          "description": "Defines valid state in SelectHeader component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectHeaderExposes": {
+          "description": "Defines the methods and properties exposed by SelectHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectHeaderPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectHeader component.",
+          "values": "PassThroughType<SelectHeaderInstance, E>"
+        },
+        "SelectHeaderInstance": {
+          "description": "Instance of SelectHeader component.",
+          "values": "ComponentInstance<SelectHeaderProps, SelectHeaderState, SelectHeaderExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectIndicator",
+    "source": "apps/showcase/assets/apidoc/selectindicator.json",
+    "data": {
+      "description": "SelectIndicator is the dropdown indicator element for the Select component.",
+      "interfaces": {
+        "SelectIndicatorPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectIndicatorPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectIndicatorProps": {
+          "description": "Defines valid properties in SelectIndicator component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectIndicatorInstance, unknown, SelectIndicatorPassThrough>",
+          "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?: SelectIndicatorInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectIndicatorInstance) => 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": "SelectIndicatorInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectIndicatorPassThrough>",
+              "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: SelectIndicatorInstance) => 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": "match",
+              "type": "\"always\" | \"open\" | \"closed\"",
+              "default": "",
+              "description": "Determines the visibility of the indicator based on the state of the select.\n- \"open\": Indicator is visible when the dropdown is open.\n- \"closed\": Indicator is visible when the dropdown is closed.\n- \"always\": Indicator is always visible."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SelectIndicatorState": {
+          "description": "Defines valid state in SelectIndicator component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectIndicatorExposes": {
+          "description": "Defines the methods and properties exposed by SelectIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectIndicatorPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectIndicator component.",
+          "values": "PassThroughType<SelectIndicatorInstance, E>"
+        },
+        "SelectIndicatorInstance": {
+          "description": "Instance of SelectIndicator component.",
+          "values": "ComponentInstance<SelectIndicatorProps, SelectIndicatorState, SelectIndicatorExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectList",
+    "source": "apps/showcase/assets/apidoc/selectlist.json",
+    "data": {
+      "description": "SelectList is the list container for the Select component options.",
+      "interfaces": {
+        "SelectListPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectList component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectListPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectListProps": {
+          "description": "Defines valid properties in SelectList component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectListInstance, unknown, SelectListPassThrough>",
+          "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?: SelectListInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectListInstance) => 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": "SelectListInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectListPassThrough>",
+              "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: SelectListInstance) => 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": []
+        },
+        "SelectListState": {
+          "description": "Defines valid state in SelectList component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectListExposes": {
+          "description": "Defines the methods and properties exposed by SelectList component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectListPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectList component.",
+          "values": "PassThroughType<SelectListInstance, E>"
+        },
+        "SelectListInstance": {
+          "description": "Instance of SelectList component.",
+          "values": "ComponentInstance<SelectListProps, SelectListState, SelectListExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectOption",
+    "source": "apps/showcase/assets/apidoc/selectoption.json",
+    "data": {
+      "description": "SelectOption is an individual option item in the Select component.",
+      "interfaces": {
+        "SelectOptionPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectOption component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectOptionPassThroughType<HTMLAttributes<HTMLLIElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectOptionProps": {
+          "description": "Defines valid properties in SelectOption component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectOptionInstance, unknown, SelectOptionPassThrough>",
+          "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?: SelectOptionInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectOptionInstance) => 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": "SelectOptionInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectOptionPassThrough>",
+              "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: SelectOptionInstance) => 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": "option",
+              "type": "unknown",
+              "default": "",
+              "description": "The option data object."
+            },
+            {
+              "name": "index",
+              "type": "number",
+              "default": "",
+              "description": "The index of the option in the list."
+            },
+            {
+              "name": "selected",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the option is selected."
+            },
+            {
+              "name": "focused",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the option is focused."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the option is disabled."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SelectOptionState": {
+          "description": "Defines valid state in SelectOption component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectOptionExposes": {
+          "description": "Defines the methods and properties exposed by SelectOption component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            },
+            {
+              "name": "listbox",
+              "type": "UseListboxInstance",
+              "default": "",
+              "description": "The Listbox component instance."
+            },
+            {
+              "name": "listboxOption",
+              "type": "UseListboxOptionInstance",
+              "default": "",
+              "description": "The useListboxOption hook instance."
+            },
+            {
+              "name": "option",
+              "type": "unknown",
+              "default": "",
+              "description": "The option data object."
+            },
+            {
+              "name": "index",
+              "type": "number",
+              "default": "",
+              "description": "The index of the option."
+            },
+            {
+              "name": "group",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether this is a group header option."
+            },
+            {
+              "name": "selected",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the option is selected."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectOptionPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectOption component.",
+          "values": "PassThroughType<SelectOptionInstance, E>"
+        },
+        "SelectOptionInstance": {
+          "description": "Instance of SelectOption component.",
+          "values": "ComponentInstance<SelectOptionProps, SelectOptionState, SelectOptionExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectOptionIndicator",
+    "source": "apps/showcase/assets/apidoc/selectoptionindicator.json",
+    "data": {
+      "description": "SelectOptionIndicator is the selection indicator within an option for the Select component.",
+      "interfaces": {
+        "SelectOptionIndicatorPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectOptionIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectOptionIndicatorPassThroughType<HTMLAttributes<HTMLElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectOptionIndicatorProps": {
+          "description": "Defines valid properties in SelectOptionIndicator component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectOptionIndicatorInstance, unknown, SelectOptionIndicatorPassThrough>",
+          "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?: SelectOptionIndicatorInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectOptionIndicatorInstance) => 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": "SelectOptionIndicatorInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectOptionIndicatorPassThrough>",
+              "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: SelectOptionIndicatorInstance) => 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": []
+        },
+        "SelectOptionIndicatorState": {
+          "description": "Defines valid state in SelectOptionIndicator component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectOptionIndicatorExposes": {
+          "description": "Defines the methods and properties exposed by SelectOptionIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            },
+            {
+              "name": "listbox",
+              "type": "ListboxRootInstance",
+              "default": "",
+              "description": "The Listbox component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectOptionIndicatorPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectOptionIndicator component.",
+          "values": "PassThroughType<SelectOptionIndicatorInstance, E>"
+        },
+        "SelectOptionIndicatorInstance": {
+          "description": "Instance of SelectOptionIndicator component.",
+          "values": "ComponentInstance<SelectOptionIndicatorProps, SelectOptionIndicatorState, SelectOptionIndicatorExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectPopup",
+    "source": "apps/showcase/assets/apidoc/selectpopup.json",
+    "data": {
+      "description": "SelectPopup is the popup container that wraps the dropdown content inside the positioner.",
+      "interfaces": {
+        "SelectPopupPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectPopup component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectPopupPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectPopupProps": {
+          "description": "Defines valid properties in SelectPopup component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectPopupInstance, unknown, SelectPopupPassThrough>",
+          "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?: SelectPopupInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectPopupInstance) => 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": "SelectPopupInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectPopupPassThrough>",
+              "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: SelectPopupInstance) => 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": "motionProps",
+              "type": "UseMotionProps",
+              "default": "",
+              "description": "Used to apply motion to the popup element. It accepts the same properties as useMotion hook."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SelectPopupState": {
+          "description": "Defines valid state in SelectPopup component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectPopupExposes": {
+          "description": "Defines the methods and properties exposed by SelectPopup component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectPopupPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectPopup component.",
+          "values": "PassThroughType<SelectPopupInstance, E>"
+        },
+        "SelectPopupInstance": {
+          "description": "Instance of SelectPopup component.",
+          "values": "ComponentInstance<SelectPopupProps, SelectPopupState, SelectPopupExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectPortal",
+    "source": "apps/showcase/assets/apidoc/selectportal.json",
+    "data": {
+      "description": "SelectPortal is the overlay container for the Select component.",
+      "interfaces": {
+        "SelectPortalPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectPortal component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectPortalPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectPortalProps": {
+          "description": "Defines valid properties in SelectPortal component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectPortalInstance, PortalProps, SelectPortalPassThrough>",
+          "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?: PortalInstance) => CSSProperties)) & (CSSProperties | ((instance?: SelectPortalInstance) => CSSProperties))",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "(string | ((instance?: PortalInstance) => string)) & (string | ((instance?: SelectPortalInstance) => 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": "BaseInstance<SafeRecord<PortalProps>, unknown, HTMLElement> & { props: SafeRecord<SafeRecord<PortalProps>>; attrs: Omit<SafeRecord<SafeRecord<PortalProps>>, string | number | symbol> & Record<PropertyKey, unknown> } & { state: SafeRecord; $computedSetup: SafeRecord } & PortalExposes & Record<PropertyKey, unknown> & useComponentPTReturnType & useComponentStyleReturnType & BaseInstance<SafeRecord<SelectPortalProps>, unknown, HTMLElement> & { props: SafeRecord<SafeRecord<SelectPortalProps>>; attrs: Omit<SafeRecord<SafeRecord<SelectPortalProps>>, string | number | symbol> & Record<PropertyKey, unknown> } & { state: SafeRecord; $computedSetup: SafeRecord } & SelectPortalExposes",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "PortalPassThrough & Record<PropertyKey, unknown> & SelectPortalPassThrough",
+              "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: PortalInstance) => ReactNode & (instance: SelectPortalInstance) => 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": "onMounted",
+              "type": "() => void",
+              "default": "",
+              "description": "Callback function to invoke when the portal is mounted."
+            },
+            {
+              "name": "onUnmounted",
+              "type": "() => void",
+              "default": "",
+              "description": "Callback function to invoke when the portal is unmounted."
+            },
+            {
+              "name": "element",
+              "type": "HTMLElement | ReactNode",
+              "default": "",
+              "description": "The element to be rendered as the portal."
+            },
+            {
+              "name": "elementRef",
+              "type": "RefObject<HTMLElement>",
+              "default": "",
+              "description": "The element reference to be rendered as the portal."
+            },
+            {
+              "name": "appendTo",
+              "type": "string | HTMLElement | ((instance: PortalInstance) => HTMLElement)",
+              "default": "'body'",
+              "description": "The DOM element where the portal should be appended to."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SelectPortalState": {
+          "description": "Defines valid state in SelectPortal component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectPortalExposes": {
+          "description": "Defines the methods and properties exposed by SelectPortal component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectPortalPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectPortal component.",
+          "values": "PassThroughType<SelectPortalInstance, E>"
+        },
+        "SelectPortalInstance": {
+          "description": "Instance of SelectPortal component.",
+          "values": "ComponentInstance<SelectPortalProps, SelectPortalState, SelectPortalExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectPositioner",
+    "source": "apps/showcase/assets/apidoc/selectpositioner.json",
+    "data": {
+      "description": "SelectPositioner is a component that positions the select dropdown relative to its trigger.",
+      "interfaces": {
+        "SelectPositionerPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectPositioner component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectPositionerPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectPositionerProps": {
+          "description": "Defines valid properties in SelectPositioner component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectPositionerInstance, UsePositionerProps, SelectPositionerPassThrough>",
+          "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?: SelectPositionerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectPositionerInstance) => 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": "SelectPositionerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectPositionerPassThrough>",
+              "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: SelectPositionerInstance) => 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": "side",
+              "type": "SideType",
+              "default": "",
+              "description": "The side of the positioner."
+            },
+            {
+              "name": "align",
+              "type": "AlignType",
+              "default": "",
+              "description": "The align of the positioner."
+            },
+            {
+              "name": "sideOffset",
+              "type": "number",
+              "default": "",
+              "description": "The side offset of the positioner."
+            },
+            {
+              "name": "alignOffset",
+              "type": "number",
+              "default": "",
+              "description": "The align offset of the positioner."
+            },
+            {
+              "name": "flip",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether to flip the positioner."
+            },
+            {
+              "name": "shift",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether to shift the positioner."
+            },
+            {
+              "name": "hideWhenDetached",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether to hide the positioner when detached."
+            },
+            {
+              "name": "strategy",
+              "type": "\"fixed\" | \"absolute\"",
+              "default": "'fixed'",
+              "description": "The positioning strategy."
+            },
+            {
+              "name": "boundary",
+              "type": "HTMLElement",
+              "default": "",
+              "description": "The boundary element that constrains the positioner placement.\nUsed in JS fallback mode only; CSS Anchor mode uses the containing block."
+            },
+            {
+              "name": "anchor",
+              "type": "HTMLElement",
+              "default": "",
+              "description": "The anchor element."
+            },
+            {
+              "name": "content",
+              "type": "HTMLDivElement",
+              "default": "",
+              "description": "The content element."
+            },
+            {
+              "name": "arrow",
+              "type": "HTMLDivElement",
+              "default": "",
+              "description": "The arrow element."
+            },
+            {
+              "name": "autoZIndex",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether to automatically manage layering."
+            },
+            {
+              "name": "baseZIndex",
+              "type": "number",
+              "default": "0",
+              "description": "Base zIndex value to use in layering."
+            },
+            {
+              "name": "onPlacementChange",
+              "type": "(placement: { side: SideType; align: AlignType }) => void",
+              "default": "",
+              "description": "Callback invoked when the actual placement changes due to flip or shift."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SelectPositionerState": {
+          "description": "Defines valid state in SelectPositioner component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectPositionerExposes": {
+          "description": "Defines the methods and properties exposed by SelectPositioner component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectPositionerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectPositioner component.",
+          "values": "PassThroughType<SelectPositionerInstance, E>"
+        },
+        "SelectPositionerInstance": {
+          "description": "Instance of SelectPositioner component.",
+          "values": "ComponentInstance<SelectPositionerProps, SelectPositionerState, SelectPositionerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectRoot",
+    "source": "apps/showcase/assets/apidoc/selectroot.json",
+    "data": {
+      "description": "Select is a dropdown component for selecting a single value from a list.",
+      "interfaces": {
+        "SelectRootPassThrough": {
+          "description": "Defines passthrough(pt) options of Select component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "trigger",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the trigger's DOM element."
+            },
+            {
+              "name": "value",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the value's DOM element."
+            },
+            {
+              "name": "clearIcon",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the clear icon's DOM element."
+            },
+            {
+              "name": "icon",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the icon's DOM element."
+            },
+            {
+              "name": "positioner",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the positioner's DOM element."
+            },
+            {
+              "name": "panel",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the panel's DOM element."
+            },
+            {
+              "name": "filter",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLInputElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the filter's DOM element."
+            },
+            {
+              "name": "list",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the list's DOM element."
+            },
+            {
+              "name": "options",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLUListElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the options' DOM element."
+            },
+            {
+              "name": "option",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLLIElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the option's DOM element."
+            },
+            {
+              "name": "selection",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the selection's DOM element."
+            },
+            {
+              "name": "header",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the header's DOM element."
+            },
+            {
+              "name": "footer",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the footer's DOM element."
+            },
+            {
+              "name": "empty",
+              "type": "SelectRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the empty's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectRootProps": {
+          "description": "Defines valid properties in Select component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectRootInstance, Omit<UseSelectProps, \"onValueChange\" | \"onFilterValueChange\">, SelectRootPassThrough>",
+          "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?: SelectRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectRootInstance) => 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": "SelectRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectRootPassThrough>",
+              "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: SelectRootInstance) => 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": "value",
+              "type": "unknown",
+              "default": "",
+              "description": "The current selected value of the select."
+            },
+            {
+              "name": "defaultValue",
+              "type": "unknown",
+              "default": "",
+              "description": "The default selected value when used in uncontrolled mode."
+            },
+            {
+              "name": "defaultFilterValue",
+              "type": "string",
+              "default": "",
+              "description": "The default filter text value when used in uncontrolled mode."
+            },
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Controlled open state of the select overlay."
+            },
+            {
+              "name": "defaultOpen",
+              "type": "boolean",
+              "default": "",
+              "description": "Default open state for uncontrolled mode."
+            },
+            {
+              "name": "options",
+              "type": "unknown[]",
+              "default": "",
+              "description": "An array of options to display."
+            },
+            {
+              "name": "optionKey",
+              "type": "string",
+              "default": "",
+              "description": "Unique key for each option."
+            },
+            {
+              "name": "optionLabel",
+              "type": "string",
+              "default": "",
+              "description": "Label field for each option."
+            },
+            {
+              "name": "optionValue",
+              "type": "string",
+              "default": "",
+              "description": "Value field for each option."
+            },
+            {
+              "name": "optionDisabled",
+              "type": "string",
+              "default": "",
+              "description": "Field to check if an option is disabled."
+            },
+            {
+              "name": "optionGroupLabel",
+              "type": "string",
+              "default": "",
+              "description": "Label field for option groups."
+            },
+            {
+              "name": "optionGroupChildren",
+              "type": "string",
+              "default": "",
+              "description": "Field that contains the children options in a group."
+            },
+            {
+              "name": "locale",
+              "type": "string",
+              "default": "",
+              "description": "The locale to use for localization."
+            },
+            {
+              "name": "autoOptionFocus",
+              "type": "boolean",
+              "default": "",
+              "description": "When enabled, the focused option is automatically highlighted."
+            },
+            {
+              "name": "selectOnFocus",
+              "type": "boolean",
+              "default": "",
+              "description": "When enabled, the focused option is automatically selected."
+            },
+            {
+              "name": "focusOnHover",
+              "type": "boolean",
+              "default": "",
+              "description": "When enabled, the focused option changes on hover."
+            },
+            {
+              "name": "metaKeySelection",
+              "type": "boolean",
+              "default": "",
+              "description": "When enabled, requires holding the meta key to select/deselect."
+            },
+            {
+              "name": "filter",
+              "type": "boolean",
+              "default": "",
+              "description": "When enabled, displays a filter input in the dropdown."
+            },
+            {
+              "name": "filterMatchMode",
+              "type": "\"endsWith\" | \"startsWith\" | \"contains\" | \"equals\"",
+              "default": "",
+              "description": "Defines how the filter should match options."
+            },
+            {
+              "name": "appendTo",
+              "type": "\"body\" | HTMLElement | \"self\"",
+              "default": "",
+              "description": "A valid query selector or an HTMLElement to specify where the overlay gets attached."
+            },
+            {
+              "name": "tabIndex",
+              "type": "number",
+              "default": "",
+              "description": "Index of the element in tabbing order."
+            },
+            {
+              "name": "ariaLabel",
+              "type": "string",
+              "default": "",
+              "description": "Used to define a string that labels the input element."
+            },
+            {
+              "name": "ariaLabelledBy",
+              "type": "string",
+              "default": "",
+              "description": "Identifier of the underlying input element."
+            },
+            {
+              "name": "closeOnEscape",
+              "type": "boolean",
+              "default": "",
+              "description": "When enabled, the overlay closes when Escape key is pressed."
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean",
+              "default": "",
+              "description": "When enabled, the overlay receives focus automatically when opened."
+            },
+            {
+              "name": "trapped",
+              "type": "boolean",
+              "default": "",
+              "description": "When enabled, focus is trapped within the overlay."
+            },
+            {
+              "name": "onOpenChange",
+              "type": "(event: UseSelectOpenChangeEvent) => void",
+              "default": "",
+              "description": "Callback to invoke when the open state changes."
+            },
+            {
+              "name": "multiple",
+              "type": "boolean",
+              "default": "",
+              "description": "When enabled, allows multiple items to be selected."
+            },
+            {
+              "name": "invalid",
+              "type": "boolean",
+              "default": "",
+              "description": "When present, it specifies that the component should have invalid state style."
+            },
+            {
+              "name": "variant",
+              "type": "\"outlined\" | \"filled\"",
+              "default": "",
+              "description": "Specifies the input variant of the component."
+            },
+            {
+              "name": "filterValue",
+              "type": "string",
+              "default": "",
+              "description": ""
+            },
+            {
+              "name": "fluid",
+              "type": "boolean",
+              "default": "",
+              "description": "Spans 100% width of the container when enabled."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "description": "When present, it specifies that the element should be disabled."
+            },
+            {
+              "name": "size",
+              "type": "\"small\" | \"large\"",
+              "default": "",
+              "description": "Defines the size of the component."
+            },
+            {
+              "name": "onValueChange",
+              "type": "(event: SelectValueChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the select's value is changed."
+            },
+            {
+              "name": "onFilterValueChange",
+              "type": "(event: SelectFilterValueChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the select's filter value is changed."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SelectRootState": {
+          "description": "Defines valid state in Select component.",
+          "relatedProp": "",
+          "extendedTypes": "UseSelectState",
+          "props": [
+            {
+              "name": "value",
+              "type": "unknown",
+              "default": "",
+              "description": "The current selected value."
+            },
+            {
+              "name": "opened",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the overlay is open."
+            },
+            {
+              "name": "focused",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the trigger is focused."
+            },
+            {
+              "name": "focusedOptionIndex",
+              "type": "number",
+              "default": "",
+              "description": "The index of the currently focused option. -1 if no option is focused."
+            },
+            {
+              "name": "anchorElement",
+              "type": "HTMLElement",
+              "default": "",
+              "description": "The anchor (trigger) element."
+            },
+            {
+              "name": "positionerElement",
+              "type": "HTMLDivElement",
+              "default": "",
+              "description": "The positioner element."
+            },
+            {
+              "name": "popupElement",
+              "type": "HTMLElement",
+              "default": "",
+              "description": "The popup element."
+            },
+            {
+              "name": "arrowElement",
+              "type": "HTMLDivElement",
+              "default": "",
+              "description": "The arrow element."
+            },
+            {
+              "name": "rendered",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the overlay has been rendered (mounted to DOM)."
+            }
+          ],
+          "methods": []
+        },
+        "SelectRootExposes": {
+          "description": "Defines the methods and properties exposed by Select component.",
+          "relatedProp": "",
+          "extendedTypes": "UseSelectExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseSelectState",
+              "default": "",
+              "description": "The state of the useSelect."
+            },
+            {
+              "name": "listbox",
+              "type": "UseListboxInstance",
+              "default": "",
+              "description": "The listbox instance used internally for option management."
+            },
+            {
+              "name": "setRendered",
+              "type": "(value: boolean) => void",
+              "default": "",
+              "description": "Sets the rendered state."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseSelectRootProps",
+              "default": "",
+              "description": "Pre-built props for the root element.\nIncludes id and data attributes."
+            },
+            {
+              "name": "listProps",
+              "type": "UseSelectListProps",
+              "default": "",
+              "description": "Pre-built props for the list element.\nIncludes id, tabIndex, role, ARIA attributes, and event handlers."
+            },
+            {
+              "name": "triggerProps",
+              "type": "UseSelectTriggerProps",
+              "default": "",
+              "description": "Pre-built props for the trigger element.\nIncludes role, ARIA attributes, event handlers, and data attributes."
+            },
+            {
+              "name": "filterProps",
+              "type": "UseSelectFilterProps",
+              "default": "",
+              "description": "Pre-built props for the filter input element.\nIncludes role, ARIA attributes, and event handlers."
+            },
+            {
+              "name": "indicatorProps",
+              "type": "UseSelectIndicatorProps",
+              "default": "",
+              "description": "Pre-built props for the indicator element."
+            },
+            {
+              "name": "clearProps",
+              "type": "UseSelectClearProps",
+              "default": "",
+              "description": "Pre-built props for the clear button element."
+            },
+            {
+              "name": "popupProps",
+              "type": "UseSelectPopupProps",
+              "default": "",
+              "description": "Pre-built props for the popup element."
+            },
+            {
+              "name": "getSelectedOptionLabel",
+              "type": "() => unknown",
+              "default": "",
+              "description": "Gets the label of the currently selected option."
+            },
+            {
+              "name": "hasValue",
+              "type": "() => boolean",
+              "default": "",
+              "description": "Checks if there is a selected value."
+            },
+            {
+              "name": "show",
+              "type": "() => void",
+              "default": "",
+              "description": "Shows the overlay."
+            },
+            {
+              "name": "hide",
+              "type": "() => void",
+              "default": "",
+              "description": "Hides the overlay."
+            },
+            {
+              "name": "toggle",
+              "type": "() => void",
+              "default": "",
+              "description": "Toggles the overlay visibility."
+            },
+            {
+              "name": "focus",
+              "type": "() => void",
+              "default": "",
+              "description": "Moves focus to the trigger element."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in Select component.",
+          "values": "PassThroughType<SelectRootInstance, E>"
+        },
+        "SelectRootInstance": {
+          "description": "Instance of SelectRoot component.",
+          "values": "ComponentInstance<SelectRootProps, SelectRootState, SelectRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectTrigger",
+    "source": "apps/showcase/assets/apidoc/selecttrigger.json",
+    "data": {
+      "description": "SelectTrigger is the dropdown trigger button for the Select component.",
+      "interfaces": {
+        "SelectTriggerPassThrough": {
+          "description": "Defines passthrough(pt) options of SelectTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectTriggerPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectTriggerProps": {
+          "description": "Defines valid properties in SelectTrigger component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectTriggerInstance, unknown, SelectTriggerPassThrough>",
+          "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?: SelectTriggerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectTriggerInstance) => 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": "SelectTriggerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectTriggerPassThrough>",
+              "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: SelectTriggerInstance) => 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": []
+        },
+        "SelectTriggerState": {
+          "description": "Defines valid state in SelectTrigger component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectTriggerExposes": {
+          "description": "Defines the methods and properties exposed by SelectTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectTriggerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectTrigger component.",
+          "values": "PassThroughType<SelectTriggerInstance, E>"
+        },
+        "SelectTriggerInstance": {
+          "description": "Instance of SelectTrigger component.",
+          "values": "ComponentInstance<SelectTriggerProps, SelectTriggerState, SelectTriggerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SelectValue",
+    "source": "apps/showcase/assets/apidoc/selectvalue.json",
+    "data": {
+      "description": "SelectValue displays the selected value or placeholder in the Select trigger.",
+      "interfaces": {
+        "SelectValuePassThrough": {
+          "description": "Defines passthrough(pt) options of SelectValue component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SelectValuePassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SelectValueProps": {
+          "description": "Defines valid properties in SelectValue component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SelectValueInstance, unknown, SelectValuePassThrough>",
+          "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?: SelectValueInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SelectValueInstance) => 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": "SelectValueInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SelectValuePassThrough>",
+              "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: SelectValueInstance) => 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": "placeholder",
+              "type": "string",
+              "default": "",
+              "description": "Placeholder text to display when no option is selected."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SelectValueState": {
+          "description": "Defines valid state in SelectValue component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SelectValueExposes": {
+          "description": "Defines the methods and properties exposed by SelectValue component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "select",
+              "type": "SelectRootInstance",
+              "default": "",
+              "description": "The Select component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SelectValuePassThroughType": {
+          "description": "Defines passthrough(pt) options type in SelectValue component.",
+          "values": "PassThroughType<SelectValueInstance, E>"
+        },
+        "SelectValueInstance": {
+          "description": "Instance of SelectValue component.",
+          "values": "ComponentInstance<SelectValueProps, SelectValueState, SelectValueExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]