@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,3622 @@
+[
+  {
+    "name": "GalleryBackdrop",
+    "source": "apps/showcase/assets/apidoc/gallerybackdrop.json",
+    "data": {
+      "description": "GalleryBackdrop is a component that displays a backdrop of content.",
+      "interfaces": {
+        "GalleryBackdropPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryBackdrop component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryBackdropPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryBackdropProps": {
+          "description": "Defines valid properties in GalleryBackdrop component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryBackdropInstance, unknown, GalleryBackdropPassThrough>",
+          "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?: GalleryBackdropInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryBackdropInstance) => 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": "GalleryBackdropInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryBackdropPassThrough>",
+              "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: GalleryBackdropInstance) => 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": []
+        },
+        "GalleryBackdropState": {
+          "description": "Defines valid state in GalleryBackdrop component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryBackdropExposes": {
+          "description": "Defines the methods and properties exposed by GalleryBackdrop component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryBackdropPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryBackdrop component.",
+          "values": "PassThroughType<GalleryBackdropInstance, E>"
+        },
+        "GalleryBackdropInstance": {
+          "description": "Instance of GalleryBackdrop component.",
+          "values": "ComponentInstance<GalleryBackdropProps, GalleryBackdropState, GalleryBackdropExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryContent",
+    "source": "apps/showcase/assets/apidoc/gallerycontent.json",
+    "data": {
+      "description": "GalleryContent is a component that displays a content of a gallery.",
+      "interfaces": {
+        "GalleryContentPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryContentPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryContentProps": {
+          "description": "Defines valid properties in GalleryContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryContentInstance, unknown, GalleryContentPassThrough>",
+          "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?: GalleryContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryContentInstance) => 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": "GalleryContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryContentPassThrough>",
+              "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: GalleryContentInstance) => 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": []
+        },
+        "GalleryContentState": {
+          "description": "Defines valid state in GalleryContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryContentExposes": {
+          "description": "Defines the methods and properties exposed by GalleryContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryContent component.",
+          "values": "PassThroughType<GalleryContentInstance, E>"
+        },
+        "GalleryContentInstance": {
+          "description": "Instance of GalleryContent component.",
+          "values": "ComponentInstance<GalleryContentProps, GalleryContentState, GalleryContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryDownload",
+    "source": "apps/showcase/assets/apidoc/gallerydownload.json",
+    "data": {
+      "description": "GalleryDownload is a component that displays a download action.",
+      "interfaces": {
+        "GalleryDownloadPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryDownload component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryDownloadPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryDownloadProps": {
+          "description": "Defines valid properties in GalleryDownload component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryDownloadInstance, unknown, GalleryDownloadPassThrough>",
+          "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?: GalleryDownloadInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryDownloadInstance) => 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": "GalleryDownloadInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryDownloadPassThrough>",
+              "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: GalleryDownloadInstance) => 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": []
+        },
+        "GalleryDownloadState": {
+          "description": "Defines valid state in GalleryDownload component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryDownloadExposes": {
+          "description": "Defines the methods and properties exposed by GalleryDownload component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryDownloadPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryDownload component.",
+          "values": "PassThroughType<GalleryDownloadInstance, E>"
+        },
+        "GalleryDownloadInstance": {
+          "description": "Instance of GalleryDownload component.",
+          "values": "ComponentInstance<GalleryDownloadProps, GalleryDownloadState, GalleryDownloadExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryFlipX",
+    "source": "apps/showcase/assets/apidoc/galleryflipx.json",
+    "data": {
+      "description": "GalleryFlipX is a component that displays a flip x action.",
+      "interfaces": {
+        "GalleryFlipXPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryFlipX component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryFlipXPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryFlipXProps": {
+          "description": "Defines valid properties in GalleryFlipX component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryFlipXInstance, unknown, GalleryFlipXPassThrough>",
+          "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?: GalleryFlipXInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryFlipXInstance) => 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": "GalleryFlipXInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryFlipXPassThrough>",
+              "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: GalleryFlipXInstance) => 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": []
+        },
+        "GalleryFlipXState": {
+          "description": "Defines valid state in GalleryFlipX component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryFlipXExposes": {
+          "description": "Defines the methods and properties exposed by GalleryFlipX component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryFlipXPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryFlipX component.",
+          "values": "PassThroughType<GalleryFlipXInstance, E>"
+        },
+        "GalleryFlipXInstance": {
+          "description": "Instance of GalleryFlipX component.",
+          "values": "ComponentInstance<GalleryFlipXProps, GalleryFlipXState, GalleryFlipXExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryFlipY",
+    "source": "apps/showcase/assets/apidoc/galleryflipy.json",
+    "data": {
+      "description": "GalleryFlipY is a component that displays a flip y action.",
+      "interfaces": {
+        "GalleryFlipYPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryFlipY component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryFlipYPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryFlipYProps": {
+          "description": "Defines valid properties in GalleryFlipY component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryFlipYInstance, unknown, GalleryFlipYPassThrough>",
+          "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?: GalleryFlipYInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryFlipYInstance) => 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": "GalleryFlipYInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryFlipYPassThrough>",
+              "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: GalleryFlipYInstance) => 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": []
+        },
+        "GalleryFlipYState": {
+          "description": "Defines valid state in GalleryFlipY component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryFlipYExposes": {
+          "description": "Defines the methods and properties exposed by GalleryFlipY component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryFlipYPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryFlipY component.",
+          "values": "PassThroughType<GalleryFlipYInstance, E>"
+        },
+        "GalleryFlipYInstance": {
+          "description": "Instance of GalleryFlipY component.",
+          "values": "ComponentInstance<GalleryFlipYProps, GalleryFlipYState, GalleryFlipYExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryFooter",
+    "source": "apps/showcase/assets/apidoc/galleryfooter.json",
+    "data": {
+      "description": "GalleryFooter is a component that displays a footer of content.",
+      "interfaces": {
+        "GalleryFooterPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryFooterPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryFooterProps": {
+          "description": "Defines valid properties in GalleryFooter component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryFooterInstance, unknown, GalleryFooterPassThrough>",
+          "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?: GalleryFooterInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryFooterInstance) => 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": "GalleryFooterInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryFooterPassThrough>",
+              "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: GalleryFooterInstance) => 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": []
+        },
+        "GalleryFooterState": {
+          "description": "Defines valid state in GalleryFooter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryFooterExposes": {
+          "description": "Defines the methods and properties exposed by GalleryFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryFooterPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryFooter component.",
+          "values": "PassThroughType<GalleryFooterInstance, E>"
+        },
+        "GalleryFooterInstance": {
+          "description": "Instance of GalleryFooter component.",
+          "values": "ComponentInstance<GalleryFooterProps, GalleryFooterState, GalleryFooterExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryFullScreen",
+    "source": "apps/showcase/assets/apidoc/galleryfullscreen.json",
+    "data": {
+      "description": "GalleryFullScreen is a component that displays a full screen action.",
+      "interfaces": {
+        "GalleryFullScreenPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryFullScreen component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryFullScreenPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryFullScreenProps": {
+          "description": "Defines valid properties in GalleryFullScreen component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryFullScreenInstance, unknown, GalleryFullScreenPassThrough>",
+          "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?: GalleryFullScreenInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryFullScreenInstance) => 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": "GalleryFullScreenInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryFullScreenPassThrough>",
+              "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: GalleryFullScreenInstance) => 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": []
+        },
+        "GalleryFullScreenState": {
+          "description": "Defines valid state in GalleryFullScreen component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryFullScreenExposes": {
+          "description": "Defines the methods and properties exposed by GalleryFullScreen component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryFullScreenPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryFullScreen component.",
+          "values": "PassThroughType<GalleryFullScreenInstance, E>"
+        },
+        "GalleryFullScreenInstance": {
+          "description": "Instance of GalleryFullScreen component.",
+          "values": "ComponentInstance<GalleryFullScreenProps, GalleryFullScreenState, GalleryFullScreenExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryHeader",
+    "source": "apps/showcase/assets/apidoc/galleryheader.json",
+    "data": {
+      "description": "GalleryHeader is a component that displays a header of content.",
+      "interfaces": {
+        "GalleryHeaderPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryHeaderPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryHeaderProps": {
+          "description": "Defines valid properties in GalleryHeader component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryHeaderInstance, unknown, GalleryHeaderPassThrough>",
+          "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?: GalleryHeaderInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryHeaderInstance) => 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": "GalleryHeaderInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryHeaderPassThrough>",
+              "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: GalleryHeaderInstance) => 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": []
+        },
+        "GalleryHeaderState": {
+          "description": "Defines valid state in GalleryHeader component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryHeaderExposes": {
+          "description": "Defines the methods and properties exposed by GalleryHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryHeaderPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryHeader component.",
+          "values": "PassThroughType<GalleryHeaderInstance, E>"
+        },
+        "GalleryHeaderInstance": {
+          "description": "Instance of GalleryHeader component.",
+          "values": "ComponentInstance<GalleryHeaderProps, GalleryHeaderState, GalleryHeaderExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryItem",
+    "source": "apps/showcase/assets/apidoc/galleryitem.json",
+    "data": {
+      "description": "Gallery groups a collection of contents in items.",
+      "interfaces": {
+        "GalleryItemPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryItemPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryItemProps": {
+          "description": "Defines valid properties in GalleryItem component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryItemInstance, UseGalleryItemProps, GalleryItemPassThrough>",
+          "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?: GalleryItemInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryItemInstance) => 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": "GalleryItemInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryItemPassThrough>",
+              "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: GalleryItemInstance) => 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": "context",
+              "type": "UseGalleryItemGalleryRef",
+              "default": "",
+              "description": "The parent gallery instance. The primitive  `Gallery.Item`  reads it from the\nnearest  `GalleryProvider`  and passes it here; supply it directly for standalone\nheadless usage. The headless hook itself never reads React context, keeping the\nheadless layer independent of the primitive layer."
+            },
+            {
+              "name": "normalScale",
+              "type": "number",
+              "default": "1",
+              "description": "The normal scale of the gallery item."
+            },
+            {
+              "name": "zoomedScale",
+              "type": "number",
+              "default": "3",
+              "description": "The zoomed scale of the gallery item."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "GalleryItemState": {
+          "description": "Defines valid state in GalleryItem component.",
+          "relatedProp": "",
+          "extendedTypes": "UseGalleryItemState",
+          "props": [
+            {
+              "name": "index",
+              "type": "number",
+              "default": "",
+              "description": "The index of the item in the gallery."
+            },
+            {
+              "name": "isActive",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the item is the active (visible) item."
+            },
+            {
+              "name": "position",
+              "type": "{ x: number; y: number }",
+              "default": "",
+              "description": "The current pan position."
+            },
+            {
+              "name": "scale",
+              "type": "number",
+              "default": "",
+              "description": "The current zoom scale."
+            },
+            {
+              "name": "rotation",
+              "type": "number",
+              "default": "",
+              "description": "The current rotation in degrees."
+            },
+            {
+              "name": "flip",
+              "type": "{ x: number; y: number }",
+              "default": "",
+              "description": "The current flip state."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryItemExposes": {
+          "description": "Defines the methods and properties exposed by GalleryItem component.",
+          "relatedProp": "",
+          "extendedTypes": "UseGalleryItemExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseGalleryItemState",
+              "default": "",
+              "description": "The state of the useGalleryItem."
+            },
+            {
+              "name": "itemProps",
+              "type": "UseGalleryItemElementProps",
+              "default": "",
+              "description": "Pre-built props for the item root element."
+            },
+            {
+              "name": "handleDragStart",
+              "type": "(e: DragEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handles the drag start event to prevent default browser drag behavior."
+            },
+            {
+              "name": "handlePointerUp",
+              "type": "(e: PointerEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handles the pointer up event to end panning."
+            },
+            {
+              "name": "handlePointerMove",
+              "type": "(e: PointerEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handles the pointer move event for panning while zoomed."
+            },
+            {
+              "name": "handlePointerDown",
+              "type": "(e: PointerEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handles the pointer down event to start panning."
+            },
+            {
+              "name": "handleClick",
+              "type": "(e: MouseEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handles the click event to toggle zoom."
+            },
+            {
+              "name": "zoomIn",
+              "type": "() => void",
+              "default": "",
+              "description": "Zooms in the gallery item."
+            },
+            {
+              "name": "zoomOut",
+              "type": "() => void",
+              "default": "",
+              "description": "Zooms out the gallery item."
+            },
+            {
+              "name": "rotateLeft",
+              "type": "() => void",
+              "default": "",
+              "description": "Rotates the gallery item left by 90 degrees."
+            },
+            {
+              "name": "rotateRight",
+              "type": "() => void",
+              "default": "",
+              "description": "Rotates the gallery item right by 90 degrees."
+            },
+            {
+              "name": "flipX",
+              "type": "() => void",
+              "default": "",
+              "description": "Flips the gallery item horizontally."
+            },
+            {
+              "name": "flipY",
+              "type": "() => void",
+              "default": "",
+              "description": "Flips the gallery item vertically."
+            },
+            {
+              "name": "download",
+              "type": "() => void",
+              "default": "",
+              "description": "Downloads the gallery item."
+            },
+            {
+              "name": "calculateConstraints",
+              "type": "() => { minX: number; maxX: number; minY: number; maxY: number }",
+              "default": "",
+              "description": "Calculates the pan constraints for the gallery item based on its current scale."
+            },
+            {
+              "name": "calculateItemSize",
+              "type": "() => void",
+              "default": "",
+              "description": "Recalculates the size of the gallery item element."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryItemPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryItem component.",
+          "values": "PassThroughType<GalleryItemInstance, E>"
+        },
+        "GalleryItemInstance": {
+          "description": "Instance of GalleryItem component.",
+          "values": "ComponentInstance<GalleryItemProps, GalleryItemState, GalleryItemExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryNext",
+    "source": "apps/showcase/assets/apidoc/gallerynext.json",
+    "data": {
+      "description": "GalleryNext is a component that displays a next of a gallery.",
+      "interfaces": {
+        "GalleryNextPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryNext component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryNextPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryNextProps": {
+          "description": "Defines valid properties in GalleryNext component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryNextInstance, unknown, GalleryNextPassThrough>",
+          "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?: GalleryNextInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryNextInstance) => 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": "GalleryNextInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryNextPassThrough>",
+              "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: GalleryNextInstance) => 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": []
+        },
+        "GalleryNextState": {
+          "description": "Defines valid state in GalleryNext component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryNextExposes": {
+          "description": "Defines the methods and properties exposed by GalleryNext component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryNextPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryNext component.",
+          "values": "PassThroughType<GalleryNextInstance, E>"
+        },
+        "GalleryNextInstance": {
+          "description": "Instance of GalleryNext component.",
+          "values": "ComponentInstance<GalleryNextProps, GalleryNextState, GalleryNextExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryPrev",
+    "source": "apps/showcase/assets/apidoc/galleryprev.json",
+    "data": {
+      "description": "GalleryPrev is a component that displays a previous of a gallery.",
+      "interfaces": {
+        "GalleryPrevPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryPrev component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryPrevPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryPrevProps": {
+          "description": "Defines valid properties in GalleryPrev component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryPrevInstance, unknown, GalleryPrevPassThrough>",
+          "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?: GalleryPrevInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryPrevInstance) => 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": "GalleryPrevInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryPrevPassThrough>",
+              "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: GalleryPrevInstance) => 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": []
+        },
+        "GalleryPrevState": {
+          "description": "Defines valid state in GalleryPrev component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryPrevExposes": {
+          "description": "Defines the methods and properties exposed by GalleryPrev component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryPrevPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryPrev component.",
+          "values": "PassThroughType<GalleryPrevInstance, E>"
+        },
+        "GalleryPrevInstance": {
+          "description": "Instance of GalleryPrev component.",
+          "values": "ComponentInstance<GalleryPrevProps, GalleryPrevState, GalleryPrevExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryRoot",
+    "source": "apps/showcase/assets/apidoc/galleryroot.json",
+    "data": {
+      "description": "Gallery groups a collection of contents in items.",
+      "interfaces": {
+        "GalleryRootPassThrough": {
+          "description": "Defines passthrough(pt) options of Gallery component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "item",
+              "type": "GalleryRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the item's DOM element."
+            },
+            {
+              "name": "thumbnailContent",
+              "type": "GalleryRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the thumbnail content's DOM element."
+            },
+            {
+              "name": "thumbnail",
+              "type": "GalleryRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the thumbnail's DOM element."
+            },
+            {
+              "name": "thumbnailItem",
+              "type": "GalleryRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the thumbnail item's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryRootProps": {
+          "description": "Defines valid properties in Gallery component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryRootInstance, UseGalleryProps, GalleryRootPassThrough>",
+          "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?: GalleryRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryRootInstance) => 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": "GalleryRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryRootPassThrough>",
+              "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: GalleryRootInstance) => 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": "activeIndex",
+              "type": "number",
+              "default": "",
+              "description": "The index of the active item (controlled). Use together with  `onActiveIndexChange` .\nWhen provided, the gallery is controlled and its active item is driven by this value."
+            },
+            {
+              "name": "defaultActiveIndex",
+              "type": "number",
+              "default": "0",
+              "description": "The initial index of the active item for uncontrolled usage."
+            },
+            {
+              "name": "fullscreen",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the gallery is rendered fullscreen via a portal. When  `true` , the gallery escapes its parent layout\nand covers the viewport — useful for opening a single image in a modal-style viewer."
+            },
+            {
+              "name": "closeOnEscape",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether pressing Escape closes the gallery when in fullscreen mode."
+            },
+            {
+              "name": "onFullscreenChange",
+              "type": "(value: boolean) => void",
+              "default": "",
+              "description": "Callback fired when the gallery's fullscreen state changes (via close button, escape key, etc.)."
+            },
+            {
+              "name": "onZoomChange",
+              "type": "(scale: number) => void",
+              "default": "",
+              "description": "Callback fired when the active item's zoom scale changes."
+            },
+            {
+              "name": "onRotateChange",
+              "type": "(rotation: number) => void",
+              "default": "",
+              "description": "Callback fired when the active item's rotation changes."
+            },
+            {
+              "name": "onFlipChange",
+              "type": "(flip: { x: number; y: number }) => void",
+              "default": "",
+              "description": "Callback fired when the active item's flip state changes."
+            },
+            {
+              "name": "onActiveIndexChange",
+              "type": "(event: UseGalleryChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the gallery's active index changes."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "GalleryRootState": {
+          "description": "Defines valid state in Gallery component.",
+          "relatedProp": "",
+          "extendedTypes": "UseGalleryState",
+          "props": [
+            {
+              "name": "isFullscreen",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the gallery is in fullscreen mode."
+            },
+            {
+              "name": "activeIndex",
+              "type": "number",
+              "default": "",
+              "description": "The index of the active item."
+            },
+            {
+              "name": "zoomed",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the active item is zoomed in."
+            },
+            {
+              "name": "rotated",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the active item is rotated."
+            },
+            {
+              "name": "flipped",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the active item is flipped."
+            },
+            {
+              "name": "pendingAction",
+              "type": "GalleryPendingAction",
+              "default": "",
+              "description": "The pending action for the active item to consume."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryRootExposes": {
+          "description": "Defines the methods and properties exposed by Gallery component.",
+          "relatedProp": "",
+          "extendedTypes": "UseGalleryExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseGalleryState",
+              "default": "",
+              "description": "The state of the useGallery."
+            },
+            {
+              "name": "actions",
+              "type": "useGalleryActions",
+              "default": "",
+              "description": "The available actions for the gallery."
+            },
+            {
+              "name": "contentRef",
+              "type": "RefObject<HTMLElement>",
+              "default": "",
+              "description": "Ref to the content element."
+            },
+            {
+              "name": "thumbnailRef",
+              "type": "RefObject<CarouselRootInstance>",
+              "default": "",
+              "description": "Ref to the thumbnail carousel element."
+            },
+            {
+              "name": "prevRef",
+              "type": "RefObject<HTMLButtonElement>",
+              "default": "",
+              "description": "Ref to the previous button element."
+            },
+            {
+              "name": "nextRef",
+              "type": "RefObject<HTMLButtonElement>",
+              "default": "",
+              "description": "Ref to the next button element."
+            },
+            {
+              "name": "registerItem",
+              "type": "(index: number) => { index: number; unregister: () => void }",
+              "default": "",
+              "description": "Registers an item and returns its assigned index plus an  `unregister`  callback to call on item unmount.\nPass null for first registration, or the existing index to re-register."
+            },
+            {
+              "name": "handleNext",
+              "type": "(originalEvent?: SyntheticEvent) => void",
+              "default": "",
+              "description": "Navigates to the next item."
+            },
+            {
+              "name": "handlePrev",
+              "type": "(originalEvent?: SyntheticEvent) => void",
+              "default": "",
+              "description": "Navigates to the previous item."
+            },
+            {
+              "name": "selectItem",
+              "type": "(index: number, originalEvent?: SyntheticEvent) => void",
+              "default": "",
+              "description": "Selects a specific item by index."
+            },
+            {
+              "name": "clearPendingAction",
+              "type": "() => void",
+              "default": "",
+              "description": "Clears the pending action after it has been consumed by the active item."
+            },
+            {
+              "name": "toggleFullScreen",
+              "type": "() => void",
+              "default": "",
+              "description": "Toggles the fullscreen state."
+            },
+            {
+              "name": "handleClickAction",
+              "type": "(action?: string) => void",
+              "default": "",
+              "description": "Handles a click action dispatched from toolbar or action buttons."
+            },
+            {
+              "name": "reportItemState",
+              "type": "(itemState: { zoomed: boolean; rotated: boolean; flipped: boolean; scale: number; rotation: number; flip: { x: number; y: number } }) => void",
+              "default": "",
+              "description": "Reports the active item's transform state to the gallery."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseGalleryRootProps",
+              "default": "",
+              "description": "Pre-built props for the root element."
+            },
+            {
+              "name": "nextProps",
+              "type": "UseGalleryNextProps",
+              "default": "",
+              "description": "Pre-built props for the next button element."
+            },
+            {
+              "name": "prevProps",
+              "type": "UseGalleryPrevProps",
+              "default": "",
+              "description": "Pre-built props for the previous button element."
+            },
+            {
+              "name": "thumbnailProps",
+              "type": "UseGalleryThumbnailProps",
+              "default": "",
+              "description": "Pre-built props for the thumbnail carousel element."
+            },
+            {
+              "name": "thumbnailContentProps",
+              "type": "UseGalleryThumbnailContentProps",
+              "default": "",
+              "description": "Pre-built props for the thumbnail content element."
+            },
+            {
+              "name": "thumbnailItemProps",
+              "type": "(index: number) => UseGalleryThumbnailItemProps",
+              "default": "",
+              "description": "Returns pre-built props for a thumbnail item element."
+            },
+            {
+              "name": "toolbarProps",
+              "type": "UseGalleryToolbarProps",
+              "default": "",
+              "description": "Pre-built props for the toolbar element."
+            },
+            {
+              "name": "toolbarItemProps",
+              "type": "(action: string) => UseGalleryToolbarItemProps",
+              "default": "",
+              "description": "Returns pre-built props for a toolbar item element."
+            },
+            {
+              "name": "headerProps",
+              "type": "UseGalleryHeaderProps",
+              "default": "",
+              "description": "Pre-built props for the header element."
+            },
+            {
+              "name": "footerProps",
+              "type": "UseGalleryFooterProps",
+              "default": "",
+              "description": "Pre-built props for the footer element."
+            },
+            {
+              "name": "backdropProps",
+              "type": "UseGalleryBackdropProps",
+              "default": "",
+              "description": "Pre-built props for the backdrop element."
+            },
+            {
+              "name": "contentProps",
+              "type": "UseGalleryContentProps",
+              "default": "",
+              "description": "Pre-built props for the content element."
+            },
+            {
+              "name": "downloadProps",
+              "type": "UseGalleryActionProps",
+              "default": "",
+              "description": "Pre-built props for the download action button."
+            },
+            {
+              "name": "flipXProps",
+              "type": "UseGalleryActionProps",
+              "default": "",
+              "description": "Pre-built props for the flip-x action button."
+            },
+            {
+              "name": "flipYProps",
+              "type": "UseGalleryActionProps",
+              "default": "",
+              "description": "Pre-built props for the flip-y action button."
+            },
+            {
+              "name": "rotateLeftProps",
+              "type": "UseGalleryActionProps",
+              "default": "",
+              "description": "Pre-built props for the rotate-left action button."
+            },
+            {
+              "name": "rotateRightProps",
+              "type": "UseGalleryActionProps",
+              "default": "",
+              "description": "Pre-built props for the rotate-right action button."
+            },
+            {
+              "name": "fullScreenProps",
+              "type": "UseGalleryFullScreenProps",
+              "default": "",
+              "description": "Pre-built props for the fullscreen toggle button."
+            },
+            {
+              "name": "zoomInProps",
+              "type": "UseGalleryZoomInProps",
+              "default": "",
+              "description": "Pre-built props for the zoom-in action button."
+            },
+            {
+              "name": "zoomOutProps",
+              "type": "UseGalleryZoomOutProps",
+              "default": "",
+              "description": "Pre-built props for the zoom-out action button."
+            },
+            {
+              "name": "zoomToggleProps",
+              "type": "UseGalleryActionProps",
+              "default": "",
+              "description": "Pre-built props for the zoom-toggle action button."
+            },
+            {
+              "name": "getItemProps",
+              "type": "(index: number) => UseGalleryGetItemProps",
+              "default": "",
+              "description": "Returns pre-built props for an item element at the given index."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryRootChangeEvent": {
+          "description": "Event fired when the gallery's active index changes.",
+          "relatedProp": "",
+          "extendedTypes": "UseGalleryChangeEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the change. Absent when the change is\ntriggered programmatically (e.g. via the  `next()`  /  `prev()`  API)."
+            },
+            {
+              "name": "value",
+              "type": "number",
+              "default": "",
+              "description": "The value of the gallery."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in Gallery component.",
+          "values": "PassThroughType<GalleryRootInstance, E>"
+        },
+        "GalleryRootInstance": {
+          "description": "Instance of Gallery component.",
+          "values": "ComponentInstance<GalleryRootProps, GalleryRootState, GalleryRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryRotateLeft",
+    "source": "apps/showcase/assets/apidoc/galleryrotateleft.json",
+    "data": {
+      "description": "GalleryRotateLeft is a component that displays a rotate left action.",
+      "interfaces": {
+        "GalleryRotateLeftPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryRotateLeft component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryRotateLeftPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryRotateLeftProps": {
+          "description": "Defines valid properties in GalleryRotateLeft component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryRotateLeftInstance, unknown, GalleryRotateLeftPassThrough>",
+          "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?: GalleryRotateLeftInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryRotateLeftInstance) => 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": "GalleryRotateLeftInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryRotateLeftPassThrough>",
+              "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: GalleryRotateLeftInstance) => 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": []
+        },
+        "GalleryRotateLeftState": {
+          "description": "Defines valid state in GalleryRotateLeft component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryRotateLeftExposes": {
+          "description": "Defines the methods and properties exposed by GalleryRotateLeft component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryRotateLeftPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryRotateLeft component.",
+          "values": "PassThroughType<GalleryRotateLeftInstance, E>"
+        },
+        "GalleryRotateLeftInstance": {
+          "description": "Instance of GalleryRotateLeft component.",
+          "values": "ComponentInstance<GalleryRotateLeftProps, GalleryRotateLeftState, GalleryRotateLeftExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryRotateRight",
+    "source": "apps/showcase/assets/apidoc/galleryrotateright.json",
+    "data": {
+      "description": "GalleryRotateRight is a component that displays a rotate right action.",
+      "interfaces": {
+        "GalleryRotateRightPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryRotateRight component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryRotateRightPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryRotateRightProps": {
+          "description": "Defines valid properties in GalleryRotateRight component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryRotateRightInstance, unknown, GalleryRotateRightPassThrough>",
+          "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?: GalleryRotateRightInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryRotateRightInstance) => 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": "GalleryRotateRightInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryRotateRightPassThrough>",
+              "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: GalleryRotateRightInstance) => 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": []
+        },
+        "GalleryRotateRightState": {
+          "description": "Defines valid state in GalleryRotateRight component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryRotateRightExposes": {
+          "description": "Defines the methods and properties exposed by GalleryRotateRight component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryRotateRightPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryRotateRight component.",
+          "values": "PassThroughType<GalleryRotateRightInstance, E>"
+        },
+        "GalleryRotateRightInstance": {
+          "description": "Instance of GalleryRotateRight component.",
+          "values": "ComponentInstance<GalleryRotateRightProps, GalleryRotateRightState, GalleryRotateRightExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryThumbnail",
+    "source": "apps/showcase/assets/apidoc/gallerythumbnail.json",
+    "data": {
+      "description": "GalleryThumbnail is a component that displays a thumbnail of a gallery.",
+      "interfaces": {
+        "GalleryThumbnailPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryThumbnail component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryThumbnailPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryThumbnailProps": {
+          "description": "Defines valid properties in GalleryThumbnail component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryThumbnailInstance, unknown, GalleryThumbnailPassThrough>",
+          "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?: GalleryThumbnailInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryThumbnailInstance) => 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": "GalleryThumbnailInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryThumbnailPassThrough>",
+              "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: GalleryThumbnailInstance) => 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": []
+        },
+        "GalleryThumbnailState": {
+          "description": "Defines valid state in GalleryThumbnail component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryThumbnailExposes": {
+          "description": "Defines the methods and properties exposed by GalleryThumbnail component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryThumbnailPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryThumbnail component.",
+          "values": "PassThroughType<GalleryThumbnailInstance, E>"
+        },
+        "GalleryThumbnailInstance": {
+          "description": "Instance of GalleryThumbnail component.",
+          "values": "ComponentInstance<GalleryThumbnailProps, GalleryThumbnailState, GalleryThumbnailExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryThumbnailContent",
+    "source": "apps/showcase/assets/apidoc/gallerythumbnailcontent.json",
+    "data": {
+      "description": "GalleryThumbnailContent is a component that displays a content of a thumbnail.",
+      "interfaces": {
+        "GalleryThumbnailContentPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryThumbnailContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryThumbnailContentPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryThumbnailContentProps": {
+          "description": "Defines valid properties in GalleryThumbnailContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryThumbnailContentInstance, unknown, GalleryThumbnailContentPassThrough>",
+          "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?: GalleryThumbnailContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryThumbnailContentInstance) => 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": "GalleryThumbnailContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryThumbnailContentPassThrough>",
+              "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: GalleryThumbnailContentInstance) => 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": []
+        },
+        "GalleryThumbnailContentState": {
+          "description": "Defines valid state in GalleryThumbnailContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryThumbnailContentExposes": {
+          "description": "Defines the methods and properties exposed by GalleryThumbnailContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryThumbnailContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryThumbnailContent component.",
+          "values": "PassThroughType<GalleryThumbnailContentInstance, E>"
+        },
+        "GalleryThumbnailContentInstance": {
+          "description": "Instance of GalleryThumbnailContent component.",
+          "values": "ComponentInstance<GalleryThumbnailContentProps, GalleryThumbnailContentState, GalleryThumbnailContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryThumbnailItem",
+    "source": "apps/showcase/assets/apidoc/gallerythumbnailitem.json",
+    "data": {
+      "description": "GalleryThumbnailItem is a component that displays a thumbnail item of a gallery.",
+      "interfaces": {
+        "GalleryThumbnailItemPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryThumbnailItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryThumbnailItemPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryThumbnailItemProps": {
+          "description": "Defines valid properties in GalleryThumbnailItem component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryThumbnailItemInstance, unknown, GalleryThumbnailItemPassThrough>",
+          "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?: GalleryThumbnailItemInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryThumbnailItemInstance) => 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": "GalleryThumbnailItemInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryThumbnailItemPassThrough>",
+              "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: GalleryThumbnailItemInstance) => 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": "index",
+              "type": "number",
+              "default": "",
+              "description": "The index of the thumbnail item. Used to select the active item on click."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "GalleryThumbnailItemState": {
+          "description": "Defines valid state in GalleryThumbnailItem component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryThumbnailItemExposes": {
+          "description": "Defines the methods and properties exposed by GalleryThumbnailItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryThumbnailItemPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryThumbnailItem component.",
+          "values": "PassThroughType<GalleryThumbnailItemInstance, E>"
+        },
+        "GalleryThumbnailItemInstance": {
+          "description": "Instance of GalleryThumbnailItem component.",
+          "values": "ComponentInstance<GalleryThumbnailItemProps, GalleryThumbnailItemState, GalleryThumbnailItemExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryZoomIn",
+    "source": "apps/showcase/assets/apidoc/galleryzoomin.json",
+    "data": {
+      "description": "GalleryZoomIn is a component that displays a zoom in action.",
+      "interfaces": {
+        "GalleryZoomInPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryZoomIn component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryZoomInPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryZoomInProps": {
+          "description": "Defines valid properties in GalleryZoomIn component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryZoomInInstance, unknown, GalleryZoomInPassThrough>",
+          "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?: GalleryZoomInInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryZoomInInstance) => 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": "GalleryZoomInInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryZoomInPassThrough>",
+              "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: GalleryZoomInInstance) => 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": []
+        },
+        "GalleryZoomInState": {
+          "description": "Defines valid state in GalleryZoomIn component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryZoomInExposes": {
+          "description": "Defines the methods and properties exposed by GalleryZoomIn component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryZoomInPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryZoomIn component.",
+          "values": "PassThroughType<GalleryZoomInInstance, E>"
+        },
+        "GalleryZoomInInstance": {
+          "description": "Instance of GalleryZoomIn component.",
+          "values": "ComponentInstance<GalleryZoomInProps, GalleryZoomInState, GalleryZoomInExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryZoomOut",
+    "source": "apps/showcase/assets/apidoc/galleryzoomout.json",
+    "data": {
+      "description": "GalleryZoomOut is a component that displays a zoom out action.",
+      "interfaces": {
+        "GalleryZoomOutPassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryZoomOut component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryZoomOutPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryZoomOutProps": {
+          "description": "Defines valid properties in GalleryZoomOut component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryZoomOutInstance, unknown, GalleryZoomOutPassThrough>",
+          "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?: GalleryZoomOutInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryZoomOutInstance) => 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": "GalleryZoomOutInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryZoomOutPassThrough>",
+              "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: GalleryZoomOutInstance) => 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": []
+        },
+        "GalleryZoomOutState": {
+          "description": "Defines valid state in GalleryZoomOut component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryZoomOutExposes": {
+          "description": "Defines the methods and properties exposed by GalleryZoomOut component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryZoomOutPassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryZoomOut component.",
+          "values": "PassThroughType<GalleryZoomOutInstance, E>"
+        },
+        "GalleryZoomOutInstance": {
+          "description": "Instance of GalleryZoomOut component.",
+          "values": "ComponentInstance<GalleryZoomOutProps, GalleryZoomOutState, GalleryZoomOutExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "GalleryZoomToggle",
+    "source": "apps/showcase/assets/apidoc/galleryzoomtoggle.json",
+    "data": {
+      "description": "GalleryZoomToggle is a component that displays a zoom toggle action.",
+      "interfaces": {
+        "GalleryZoomTogglePassThrough": {
+          "description": "Defines passthrough(pt) options of GalleryZoomToggle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "GalleryZoomTogglePassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "GalleryZoomToggleProps": {
+          "description": "Defines valid properties in GalleryZoomToggle component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<GalleryZoomToggleInstance, unknown, GalleryZoomTogglePassThrough>",
+          "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?: GalleryZoomToggleInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: GalleryZoomToggleInstance) => 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": "GalleryZoomToggleInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<GalleryZoomTogglePassThrough>",
+              "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: GalleryZoomToggleInstance) => 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": []
+        },
+        "GalleryZoomToggleState": {
+          "description": "Defines valid state in GalleryZoomToggle component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "GalleryZoomToggleExposes": {
+          "description": "Defines the methods and properties exposed by GalleryZoomToggle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "gallery",
+              "type": "GalleryRootInstance",
+              "default": "",
+              "description": "The Gallery component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "GalleryZoomTogglePassThroughType": {
+          "description": "Defines passthrough(pt) options type in GalleryZoomToggle component.",
+          "values": "PassThroughType<GalleryZoomToggleInstance, E>"
+        },
+        "GalleryZoomToggleInstance": {
+          "description": "Instance of GalleryZoomToggle component.",
+          "values": "ComponentInstance<GalleryZoomToggleProps, GalleryZoomToggleState, GalleryZoomToggleExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]