@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,2211 @@
+[
+  {
+    "name": "InputColorArea",
+    "source": "apps/showcase/assets/apidoc/inputcolorarea.json",
+    "data": {
+      "description": "InputColorArea component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorAreaPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorArea component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorAreaPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorAreaProps": {
+          "description": "Defines valid properties in InputColorArea component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorAreaInstance, unknown, InputColorAreaPassThrough>",
+          "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?: InputColorAreaInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorAreaInstance) => 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": "InputColorAreaInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorAreaPassThrough>",
+              "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: InputColorAreaInstance) => 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": []
+        },
+        "InputColorAreaState": {
+          "description": "Defines valid state in InputColorArea component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorAreaExposes": {
+          "description": "Defines the methods and properties exposed by InputColorArea component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColor component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorAreaPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorArea component.",
+          "values": "PassThroughType<InputColorAreaInstance, E>"
+        },
+        "InputColorAreaInstance": {
+          "description": "Instance of InputColorArea component.",
+          "values": "ComponentInstance<InputColorAreaProps, InputColorAreaState, InputColorAreaExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorAreaBackground",
+    "source": "apps/showcase/assets/apidoc/inputcolorareabackground.json",
+    "data": {
+      "description": "InputColorAreaBackground component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorAreaBackgroundPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorAreaBackground component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorAreaBackgroundPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorAreaBackgroundProps": {
+          "description": "Defines valid properties in InputColorAreaBackground component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorAreaBackgroundInstance, unknown, InputColorAreaBackgroundPassThrough>",
+          "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?: InputColorAreaBackgroundInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorAreaBackgroundInstance) => 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": "InputColorAreaBackgroundInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorAreaBackgroundPassThrough>",
+              "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: InputColorAreaBackgroundInstance) => 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": []
+        },
+        "InputColorAreaBackgroundState": {
+          "description": "Defines valid state in InputColorAreaBackground component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorAreaBackgroundExposes": {
+          "description": "Defines the methods and properties exposed by InputColorAreaBackground component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColorArea component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorAreaBackgroundPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorAreaBackground component.",
+          "values": "PassThroughType<InputColorAreaBackgroundInstance, E>"
+        },
+        "InputColorAreaBackgroundInstance": {
+          "description": "Instance of InputColorAreaBackground component.",
+          "values": "ComponentInstance<InputColorAreaBackgroundProps, InputColorAreaBackgroundState, InputColorAreaBackgroundExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorAreaHandle",
+    "source": "apps/showcase/assets/apidoc/inputcolorareahandle.json",
+    "data": {
+      "description": "InputColorAreaHandle component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorAreaHandlePassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorAreaHandle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorAreaHandlePassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorAreaHandleProps": {
+          "description": "Defines valid properties in InputColorAreaHandle component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorAreaHandleInstance, unknown, InputColorAreaHandlePassThrough>",
+          "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?: InputColorAreaHandleInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorAreaHandleInstance) => 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": "InputColorAreaHandleInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorAreaHandlePassThrough>",
+              "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: InputColorAreaHandleInstance) => 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": []
+        },
+        "InputColorAreaHandleState": {
+          "description": "Defines valid state in InputColorAreaHandle component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorAreaHandleExposes": {
+          "description": "Defines the methods and properties exposed by InputColorAreaHandle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColorArea component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorAreaHandlePassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorAreaHandle component.",
+          "values": "PassThroughType<InputColorAreaHandleInstance, E>"
+        },
+        "InputColorAreaHandleInstance": {
+          "description": "Instance of InputColorAreaHandle component.",
+          "values": "ComponentInstance<InputColorAreaHandleProps, InputColorAreaHandleState, InputColorAreaHandleExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorEyeDropper",
+    "source": "apps/showcase/assets/apidoc/inputcoloreyedropper.json",
+    "data": {
+      "description": "InputColorEyeDropper component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorEyeDropperPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorEyeDropper component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorEyeDropperPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorEyeDropperProps": {
+          "description": "Defines valid properties in InputColorEyeDropper component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorEyeDropperInstance, unknown, InputColorEyeDropperPassThrough>",
+          "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?: InputColorEyeDropperInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorEyeDropperInstance) => 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": "InputColorEyeDropperInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorEyeDropperPassThrough>",
+              "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: InputColorEyeDropperInstance) => 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": []
+        },
+        "InputColorEyeDropperState": {
+          "description": "Defines valid state in InputColorEyeDropper component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorEyeDropperExposes": {
+          "description": "Defines the methods and properties exposed by InputColorEyeDropper component",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColor component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorEyeDropperPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorEyeDropper component.",
+          "values": "PassThroughType<InputColorEyeDropperInstance, E>"
+        },
+        "InputColorEyeDropperInstance": {
+          "description": "Instance of InputColorEyeDropper component.",
+          "values": "ComponentInstance<InputColorEyeDropperProps, InputColorEyeDropperState, InputColorEyeDropperExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorInput",
+    "source": "apps/showcase/assets/apidoc/inputcolorinput.json",
+    "data": {
+      "description": "InputColorInput component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorInputPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorInput component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorInputPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorInputComponentProps": {
+          "description": "Defines valid properties in InputColorInput component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "channel",
+              "type": "ColorInputChannel",
+              "default": "",
+              "description": "The channel of the input."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorInputProps": {
+          "description": "Defines valid properties in InputColorInput component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorInputInstance, InputColorInputComponentProps, InputColorInputPassThrough>",
+          "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?: InputColorInputInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorInputInstance) => 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": "InputColorInputInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorInputPassThrough>",
+              "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: InputColorInputInstance) => 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": "channel",
+              "type": "ColorInputChannel",
+              "default": "",
+              "description": "The channel of the input."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "InputColorInputState": {
+          "description": "Defines valid state in InputColorInput component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorInputExposes": {
+          "description": "Defines the methods and properties exposed by InputColorInput component",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColor component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorInputPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorInput component.",
+          "values": "PassThroughType<InputColorInputInstance, E>"
+        },
+        "InputColorInputInstance": {
+          "description": "Instance of InputColorInput component.",
+          "values": "ComponentInstance<InputColorInputProps, InputColorInputState, InputColorInputExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorRoot",
+    "source": "apps/showcase/assets/apidoc/inputcolorroot.json",
+    "data": {
+      "description": "InputColor represents a color picker component.",
+      "interfaces": {
+        "InputColorRootPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColor component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "area",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the area's DOM element."
+            },
+            {
+              "name": "areaBackground",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the area background's DOM element."
+            },
+            {
+              "name": "areaHandle",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the area handle's DOM element."
+            },
+            {
+              "name": "input",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLInputElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the input's DOM element."
+            },
+            {
+              "name": "slider",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the slider's DOM element."
+            },
+            {
+              "name": "sliderTrack",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the slider track's DOM element."
+            },
+            {
+              "name": "sliderHandle",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the slider handle's DOM element."
+            },
+            {
+              "name": "swatch",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the swatch's DOM element."
+            },
+            {
+              "name": "swatchBackground",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the swatch background's DOM element."
+            },
+            {
+              "name": "eyeDropper",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the eye dropper's DOM element."
+            },
+            {
+              "name": "transparencyGrid",
+              "type": "InputColorRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the transparency grid's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorRootProps": {
+          "description": "Defines valid properties in InputColor component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorRootInstance, UseInputColorProps, InputColorRootPassThrough>",
+          "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?: InputColorRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorRootInstance) => 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": "InputColorRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorRootPassThrough>",
+              "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: InputColorRootInstance) => 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": "ColorInstance",
+              "default": "",
+              "description": "The value of the color picker."
+            },
+            {
+              "name": "defaultValue",
+              "type": "ColorInstance",
+              "default": "",
+              "description": "The default value of the color picker."
+            },
+            {
+              "name": "format",
+              "type": "ColorSpace",
+              "default": "",
+              "description": "The format of the color picker."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the color picker is disabled."
+            },
+            {
+              "name": "onValueChange",
+              "type": "(event: UseInputColorChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the color picker's value is changed."
+            },
+            {
+              "name": "onValueChangeEnd",
+              "type": "(event: UseInputColorChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the pointer interaction ends."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "InputColorRootState": {
+          "description": "Defines valid state in InputColor component.",
+          "relatedProp": "",
+          "extendedTypes": "UseInputColorState",
+          "props": [
+            {
+              "name": "value",
+              "type": "ColorInstance",
+              "default": "",
+              "description": "The color of the color picker."
+            },
+            {
+              "name": "isAreaDragging",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the color picker area is dragging."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorRootExposes": {
+          "description": "Defines the methods and properties exposed by InputColor component.",
+          "relatedProp": "",
+          "extendedTypes": "UseInputColorExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseInputColorState",
+              "default": "",
+              "description": "The state of the useInputColor."
+            },
+            {
+              "name": "value",
+              "type": "ColorInstance",
+              "default": "",
+              "description": "The current color value."
+            },
+            {
+              "name": "areaValue",
+              "type": "ColorInstance",
+              "default": "",
+              "description": "The area value of the color picker."
+            },
+            {
+              "name": "areaChannels",
+              "type": "Color2DAxes",
+              "default": "",
+              "description": "The channels of the area of the color picker."
+            },
+            {
+              "name": "setValue",
+              "type": "(value: unknown) => void",
+              "default": "",
+              "description": "Sets the value of the color picker."
+            },
+            {
+              "name": "handleAreaPointerDown",
+              "type": "(event: PointerEvent<HTMLElement>) => void",
+              "default": "",
+              "description": "Handles the area pointer down event."
+            },
+            {
+              "name": "handleAreaPointerMove",
+              "type": "(event: PointerEvent<HTMLElement>) => void",
+              "default": "",
+              "description": "Handles the area pointer move event."
+            },
+            {
+              "name": "handleAreaPointerUp",
+              "type": "(event: PointerEvent<HTMLElement>) => void",
+              "default": "",
+              "description": "Handles the area pointer up event."
+            },
+            {
+              "name": "handleAreaBlur",
+              "type": "(event: FocusEvent<HTMLElement>) => void",
+              "default": "",
+              "description": "Handles the area blur event."
+            },
+            {
+              "name": "handleAreaKeyDown",
+              "type": "(event: KeyboardEvent<HTMLElement>) => void",
+              "default": "",
+              "description": "Handles the area key down event."
+            },
+            {
+              "name": "areaStyles",
+              "type": "CSSProperties",
+              "default": "",
+              "description": "The styles of the area of the color picker."
+            },
+            {
+              "name": "swatchStyles",
+              "type": "CSSProperties",
+              "default": "",
+              "description": "The styles of the swatch of the color picker."
+            },
+            {
+              "name": "openEyeDropper",
+              "type": "() => void",
+              "default": "",
+              "description": "Opens the eye dropper."
+            },
+            {
+              "name": "syncChannelInputs",
+              "type": "(color?: ColorInstance) => void",
+              "default": "",
+              "description": "Syncs the channel inputs."
+            },
+            {
+              "name": "registerInputEl",
+              "type": "(el: { elementRef: RefObject<HTMLInputElement> }) => void",
+              "default": "",
+              "description": "Registers an input element."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseInputColorRootProps",
+              "default": "",
+              "description": "Pre-built props for the root element."
+            },
+            {
+              "name": "areaProps",
+              "type": "UseInputColorAreaProps",
+              "default": "",
+              "description": "Pre-built props for the area element."
+            },
+            {
+              "name": "areaHandleProps",
+              "type": "UseInputColorAreaHandleProps",
+              "default": "",
+              "description": "Pre-built props for the area handle element."
+            },
+            {
+              "name": "eyeDropperProps",
+              "type": "UseInputColorEyeDropperProps",
+              "default": "",
+              "description": "Pre-built props for the eye dropper button element."
+            },
+            {
+              "name": "sliderHandleProps",
+              "type": "UseInputColorSliderHandleProps",
+              "default": "",
+              "description": "Pre-built props for the slider handle element."
+            },
+            {
+              "name": "swatchProps",
+              "type": "UseInputColorSwatchProps",
+              "default": "",
+              "description": "Pre-built props for the swatch element."
+            },
+            {
+              "name": "getInputProps",
+              "type": "(options?: { channel?: ColorInputChannel; disabled?: boolean }) => { data-scope: \"inputcolor\"; data-part: \"input\"; type: \"number\" | \"text\"; spellCheck: boolean; autoComplete: \"off\"; disabled: boolean; data-channel: ColorInputChannel; aria-label: ColorInputChannel; min: number; max: number; step: number; channelValue: string | number; onChange: (event: ChangeEvent<HTMLInputElement>) => void; onBlur: (event: FocusEvent<HTMLInputElement>) => void; onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void }",
+              "default": "",
+              "description": "Provides input props for a color channel."
+            },
+            {
+              "name": "getSliderProps",
+              "type": "(options?: { channel?: ColorSliderChannel; orientation?: \"horizontal\" | \"vertical\"; disabled?: boolean }) => { data-scope: \"inputcolor\"; data-part: \"slider\"; data-orientation: \"horizontal\" | \"vertical\"; data-channel: ColorSliderChannel; orientation: \"horizontal\" | \"vertical\"; style: CSSProperties; value: number; min: number; max: number; step: number; disabled?: boolean; onValueChange: (event: UseSliderChangeEvent) => void; onValueChangeEnd: (event: UseSliderChangeEvent) => void }",
+              "default": "",
+              "description": "Provides slider props and styles for a color channel.\nThe returned  `style`  object contains CSS variables:  `--slider-background`  and  `--slider-handle-background` ."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorRootChangeEvent": {
+          "description": "Event fired when the color picker's color is changed.",
+          "relatedProp": "",
+          "extendedTypes": "UseInputColorChangeEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the change."
+            },
+            {
+              "name": "color",
+              "type": "string",
+              "default": "",
+              "description": "The color of the color picker."
+            },
+            {
+              "name": "value",
+              "type": "ColorInstance",
+              "default": "",
+              "description": "The value of the color picker."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColor component.",
+          "values": "PassThroughType<InputColorRootInstance, E>"
+        },
+        "InputColorRootInstance": {
+          "description": "Instance of InputColor component.",
+          "values": "ComponentInstance<InputColorRootProps, InputColorRootState, InputColorRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorSlider",
+    "source": "apps/showcase/assets/apidoc/inputcolorslider.json",
+    "data": {
+      "description": "InputColorSlider component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorSliderPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorSlider component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorSliderPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorSliderComponentProps": {
+          "description": "Defines valid properties in InputColorSlider component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "channel",
+              "type": "ColorSliderChannel",
+              "default": "",
+              "description": "The channel of the slider."
+            },
+            {
+              "name": "orientation",
+              "type": "\"horizontal\" | \"vertical\"",
+              "default": "",
+              "description": "The orientation of the slider."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the slider is disabled."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorSliderProps": {
+          "description": "Defines valid properties in InputColorSlider component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorSliderInstance, InputColorSliderComponentProps, InputColorSliderPassThrough>",
+          "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?: InputColorSliderInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorSliderInstance) => 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": "InputColorSliderInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorSliderPassThrough>",
+              "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: InputColorSliderInstance) => 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": "channel",
+              "type": "ColorSliderChannel",
+              "default": "",
+              "description": "The channel of the slider."
+            },
+            {
+              "name": "orientation",
+              "type": "\"horizontal\" | \"vertical\"",
+              "default": "",
+              "description": "The orientation of the slider."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the slider is disabled."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "InputColorSliderState": {
+          "description": "Defines valid state in InputColorSlider component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorSliderExposes": {
+          "description": "Defines the methods and properties exposed by InputColorSlider component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColor component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorSliderPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorSlider component.",
+          "values": "PassThroughType<InputColorSliderInstance, E>"
+        },
+        "InputColorSliderInstance": {
+          "description": "Instance of InputColorSlider component.",
+          "values": "ComponentInstance<InputColorSliderProps, InputColorSliderState, InputColorSliderExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorSliderHandle",
+    "source": "apps/showcase/assets/apidoc/inputcolorsliderhandle.json",
+    "data": {
+      "description": "InputColorSliderHandle component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorSliderHandlePassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorSliderHandle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorSliderHandlePassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorSliderHandleProps": {
+          "description": "Defines valid properties in InputColorSliderHandle component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorSliderHandleInstance, unknown, InputColorSliderHandlePassThrough>",
+          "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?: InputColorSliderHandleInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorSliderHandleInstance) => 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": "InputColorSliderHandleInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorSliderHandlePassThrough>",
+              "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: InputColorSliderHandleInstance) => 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": []
+        },
+        "InputColorSliderHandleState": {
+          "description": "Defines valid state in InputColorSliderHandle component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorSliderHandleExposes": {
+          "description": "Defines the methods and properties exposed by InputColorSliderHandle component",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColor component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorSliderHandlePassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorSliderHandle component.",
+          "values": "PassThroughType<InputColorSliderHandleInstance, E>"
+        },
+        "InputColorSliderHandleInstance": {
+          "description": "Instance of InputColorSliderHandle component.",
+          "values": "ComponentInstance<InputColorSliderHandleProps, InputColorSliderHandleState, InputColorSliderHandleExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorSliderTrack",
+    "source": "apps/showcase/assets/apidoc/inputcolorslidertrack.json",
+    "data": {
+      "description": "InputColorSliderTrack component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorSliderTrackPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorSliderTrack component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorSliderTrackPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorSliderTrackProps": {
+          "description": "Defines valid properties in InputColorSliderTrack component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorSliderTrackInstance, unknown, InputColorSliderTrackPassThrough>",
+          "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?: InputColorSliderTrackInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorSliderTrackInstance) => 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": "InputColorSliderTrackInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorSliderTrackPassThrough>",
+              "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: InputColorSliderTrackInstance) => 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": []
+        },
+        "InputColorSliderTrackState": {
+          "description": "Defines valid state in InputColorSliderTrack component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorSliderTrackExposes": {
+          "description": "Defines the methods and properties exposed by InputColorSliderTrack component",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColor component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorSliderTrackPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorSliderTrack component.",
+          "values": "PassThroughType<InputColorSliderTrackInstance, E>"
+        },
+        "InputColorSliderTrackInstance": {
+          "description": "Instance of InputColorSliderTrack component.",
+          "values": "ComponentInstance<InputColorSliderTrackProps, InputColorSliderTrackState, InputColorSliderTrackExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorSwatch",
+    "source": "apps/showcase/assets/apidoc/inputcolorswatch.json",
+    "data": {
+      "description": "InputColorSwatch component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorSwatchPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorSwatch component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorSwatchPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorSwatchProps": {
+          "description": "Defines valid properties in InputColorSwatch component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorSwatchInstance, unknown, InputColorSwatchPassThrough>",
+          "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?: InputColorSwatchInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorSwatchInstance) => 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": "InputColorSwatchInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorSwatchPassThrough>",
+              "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: InputColorSwatchInstance) => 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": []
+        },
+        "InputColorSwatchState": {
+          "description": "Defines valid state in InputColorSwatch component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorSwatchExposes": {
+          "description": "Defines the methods and properties exposed by InputColorSwatch component",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColor component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorSwatchPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorSwatch component.",
+          "values": "PassThroughType<InputColorSwatchInstance, E>"
+        },
+        "InputColorSwatchInstance": {
+          "description": "Instance of InputColorSwatch component.",
+          "values": "ComponentInstance<InputColorSwatchProps, InputColorSwatchState, InputColorSwatchExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorSwatchBackground",
+    "source": "apps/showcase/assets/apidoc/inputcolorswatchbackground.json",
+    "data": {
+      "description": "InputColorSwatchBackground component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorSwatchBackgroundPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorSwatchBackground component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorSwatchBackgroundPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorSwatchBackgroundProps": {
+          "description": "Defines valid properties in InputColorSwatchBackground component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorSwatchBackgroundInstance, unknown, InputColorSwatchBackgroundPassThrough>",
+          "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?: InputColorSwatchBackgroundInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorSwatchBackgroundInstance) => 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": "InputColorSwatchBackgroundInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorSwatchBackgroundPassThrough>",
+              "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: InputColorSwatchBackgroundInstance) => 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": []
+        },
+        "InputColorSwatchBackgroundState": {
+          "description": "Defines valid state in InputColorSwatchBackground component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorSwatchBackgroundExposes": {
+          "description": "Defines the methods and properties exposed by InputColorSwatchBackground component",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColor component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorSwatchBackgroundPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorSwatchBackground component.",
+          "values": "PassThroughType<InputColorSwatchBackgroundInstance, E>"
+        },
+        "InputColorSwatchBackgroundInstance": {
+          "description": "Instance of InputColorSwatchBackground component.",
+          "values": "ComponentInstance<InputColorSwatchBackgroundProps, InputColorSwatchBackgroundState, InputColorSwatchBackgroundExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "InputColorTransparencyGrid",
+    "source": "apps/showcase/assets/apidoc/inputcolortransparencygrid.json",
+    "data": {
+      "description": "InputColorTransparencyGrid component is a part of the InputColor component.",
+      "interfaces": {
+        "InputColorTransparencyGridPassThrough": {
+          "description": "Defines passthrough(pt) options of InputColorTransparencyGrid component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "InputColorTransparencyGridPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "InputColorTransparencyGridProps": {
+          "description": "Defines valid properties in InputColorTransparencyGrid component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<InputColorTransparencyGridInstance, unknown, InputColorTransparencyGridPassThrough>",
+          "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?: InputColorTransparencyGridInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: InputColorTransparencyGridInstance) => 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": "InputColorTransparencyGridInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<InputColorTransparencyGridPassThrough>",
+              "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: InputColorTransparencyGridInstance) => 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": []
+        },
+        "InputColorTransparencyGridState": {
+          "description": "Defines valid state in InputColorTransparencyGrid component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "InputColorTransparencyGridExposes": {
+          "description": "Defines the methods and properties exposed by InputColorTransparencyGrid component",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "inputColor",
+              "type": "InputColorRootInstance",
+              "default": "",
+              "description": "The InputColor component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "InputColorTransparencyGridPassThroughType": {
+          "description": "Defines passthrough(pt) options type in InputColorTransparencyGrid component.",
+          "values": "PassThroughType<InputColorTransparencyGridInstance, E>"
+        },
+        "InputColorTransparencyGridInstance": {
+          "description": "Instance of InputColorTransparencyGrid component.",
+          "values": "ComponentInstance<InputColorTransparencyGridProps, InputColorTransparencyGridState, InputColorTransparencyGridExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]