@workday/canvas-kit-docs 15.0.0-alpha.0056-next.0 → 15.0.0-alpha.0060-next.0

package/dist/es6/lib/docs.js

@@ -3778,6 +3778,3296 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "value": "SearchThemes"
     }
   },
+  {
+    "name": "useSidePanelContainer",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
+    "description": "Adds the necessary props to the SidePanel container element.\nThis includes the `id` and `aria-labelledby` attributes for accessibility.",
+    "declarations": [
+      {
+        "name": "useSidePanelContainer",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "name": {
+        "kind": "symbol",
+        "name": "createElemPropsHook"
+      },
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "model",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelModel"
+          },
+          "required": true
+        },
+        {
+          "kind": "parameter",
+          "name": "elemProps",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "object",
+            "properties": []
+          },
+          "required": false
+        },
+        {
+          "kind": "parameter",
+          "name": "ref",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html"
+          },
+          "required": false
+        }
+      ],
+      "returnType": {
+        "kind": "object",
+        "properties": [
+          {
+            "kind": "property",
+            "name": "id",
+            "required": true,
+            "type": {
+              "kind": "primitive",
+              "value": "string"
+            },
+            "description": "",
+            "tags": {},
+            "declarations": []
+          },
+          {
+            "kind": "property",
+            "name": "aria-labelledby",
+            "required": true,
+            "type": {
+              "kind": "primitive",
+              "value": "string"
+            },
+            "description": "",
+            "tags": {},
+            "declarations": []
+          },
+          {
+            "kind": "property",
+            "name": "onTransitionEnd",
+            "required": true,
+            "type": {
+              "kind": "function",
+              "parameters": [
+                {
+                  "kind": "parameter",
+                  "name": "event",
+                  "type": {
+                    "kind": "symbol",
+                    "name": "React.TransitionEvent",
+                    "typeParameters": [
+                      {
+                        "kind": "symbol",
+                        "name": "HTMLDivElement",
+                        "value": "HTMLDivElement"
+                      }
+                    ],
+                    "value": "TransitionEvent<T>"
+                  },
+                  "required": true,
+                  "rest": false,
+                  "description": "",
+                  "declarations": [
+                    {
+                      "name": "event",
+                      "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                    }
+                  ],
+                  "tags": {}
+                }
+              ],
+              "members": [],
+              "returnType": {
+                "kind": "symbol",
+                "name": "TransitionEvent",
+                "typeParameters": [
+                  {
+                    "kind": "symbol",
+                    "name": "HTMLDivElement",
+                    "value": "any"
+                  }
+                ],
+                "value": "any"
+              }
+            },
+            "description": "",
+            "tags": {},
+            "declarations": []
+          }
+        ]
+      }
+    }
+  },
+  {
+    "name": "SidePanelVariant",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "SidePanelVariant",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "type",
+      "typeParameters": [],
+      "value": {
+        "kind": "union",
+        "value": [
+          {
+            "kind": "string",
+            "value": "standard"
+          },
+          {
+            "kind": "string",
+            "value": "alternate"
+          }
+        ]
+      }
+    }
+  },
+  {
+    "name": "SidePanelProps",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "SidePanelProps",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "alias",
+      "name": "SidePanel"
+    }
+  },
+  {
+    "name": "panelStencil",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "panelStencil",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "options",
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "primitive",
+                  "value": "never"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "intersection",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "ModifierValuesStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "M",
+                      "value": "M"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "V",
+                      "value": "V"
+                    }
+                  ],
+                  "value": "ModifierValuesStencil<M, V>"
+                },
+                {
+                  "kind": "symbol",
+                  "name": "VariableValuesStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "V",
+                      "value": "V"
+                    }
+                  ],
+                  "value": "VariableValuesStencil<V>"
+                }
+              ]
+            },
+            "falseType": {
+              "kind": "conditional",
+              "check": {
+                "kind": "symbol",
+                "name": "E",
+                "value": "E"
+              },
+              "extends": {
+                "kind": "symbol",
+                "name": "BaseStencil",
+                "typeParameters": [
+                  {
+                    "kind": "infer",
+                    "value": {
+                      "kind": "typeParameter",
+                      "name": "ME",
+                      "required": true
+                    }
+                  },
+                  {
+                    "kind": "primitive",
+                    "value": "any"
+                  },
+                  {
+                    "kind": "infer",
+                    "value": {
+                      "kind": "typeParameter",
+                      "name": "VE",
+                      "required": true
+                    }
+                  },
+                  {
+                    "kind": "primitive",
+                    "value": "any"
+                  },
+                  {
+                    "kind": "primitive",
+                    "value": "any"
+                  }
+                ],
+                "value": "BaseStencil<M, P, V, E, ID>"
+              },
+              "trueType": {
+                "kind": "intersection",
+                "value": [
+                  {
+                    "kind": "symbol",
+                    "name": "ModifierValuesStencil",
+                    "typeParameters": [
+                      {
+                        "kind": "intersection",
+                        "value": [
+                          {
+                            "kind": "symbol",
+                            "name": "ME",
+                            "value": "ME"
+                          },
+                          {
+                            "kind": "symbol",
+                            "name": "M",
+                            "value": "M"
+                          }
+                        ]
+                      },
+                      {
+                        "kind": "intersection",
+                        "value": [
+                          {
+                            "kind": "symbol",
+                            "name": "VE",
+                            "value": "VE"
+                          },
+                          {
+                            "kind": "symbol",
+                            "name": "V",
+                            "value": "V"
+                          }
+                        ]
+                      }
+                    ],
+                    "value": "ModifierValuesStencil<M, V>"
+                  },
+                  {
+                    "kind": "symbol",
+                    "name": "VariableValuesStencil",
+                    "typeParameters": [
+                      {
+                        "kind": "intersection",
+                        "value": [
+                          {
+                            "kind": "symbol",
+                            "name": "VE",
+                            "value": "VE"
+                          },
+                          {
+                            "kind": "symbol",
+                            "name": "V",
+                            "value": "V"
+                          }
+                        ]
+                      }
+                    ],
+                    "value": "VariableValuesStencil<V>"
+                  }
+                ]
+              },
+              "falseType": {
+                "kind": "primitive",
+                "value": "never"
+              }
+            }
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "options",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [
+        {
+          "kind": "property",
+          "name": "parts",
+          "required": true,
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "BaseStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "PE",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    }
+                  ],
+                  "value": "BaseStencil<M, P, V, E, ID>"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "symbol",
+              "name": "StencilPartProps",
+              "typeParameters": [
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "PE",
+                      "value": "PE"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "P",
+                      "value": "P"
+                    }
+                  ]
+                }
+              ],
+              "value": "StencilPartProps<T>"
+            },
+            "falseType": {
+              "kind": "symbol",
+              "name": "StencilPartProps",
+              "typeParameters": [
+                {
+                  "kind": "symbol",
+                  "name": "P",
+                  "value": "P"
+                }
+              ],
+              "value": "StencilPartProps<T>"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "parts",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "vars",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "StencilDefaultVars",
+            "typeParameters": [
+              {
+                "kind": "symbol",
+                "name": "V",
+                "value": "V"
+              },
+              {
+                "kind": "symbol",
+                "name": "E",
+                "value": "E"
+              },
+              {
+                "kind": "symbol",
+                "name": "ID",
+                "value": "ID"
+              }
+            ],
+            "value": "StencilDefaultVars<V, E, ID>"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "vars",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "base",
+          "required": true,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "base",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "modifiers",
+          "required": true,
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "BaseStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "ME",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "VE",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    }
+                  ],
+                  "value": "BaseStencil<M, P, V, E, ID>"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "symbol",
+              "name": "StencilModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "ME",
+                      "value": "ME"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "M",
+                      "value": "M"
+                    }
+                  ]
+                },
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "VE",
+                      "value": "VE"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "V",
+                      "value": "V"
+                    }
+                  ]
+                }
+              ],
+              "value": "StencilModifierReturn<M, V>"
+            },
+            "falseType": {
+              "kind": "symbol",
+              "name": "StencilModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "symbol",
+                  "name": "M",
+                  "value": "M"
+                },
+                {
+                  "kind": "symbol",
+                  "name": "V",
+                  "value": "V"
+                }
+              ],
+              "value": "StencilModifierReturn<M, V>"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "modifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "defaultModifiers",
+          "required": true,
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "BaseStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "ME",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    }
+                  ],
+                  "value": "BaseStencil<M, P, V, E, ID>"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "symbol",
+              "name": "StencilDefaultModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "ME",
+                      "value": "ME"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "M",
+                      "value": "M"
+                    }
+                  ]
+                }
+              ],
+              "value": "StencilDefaultModifierReturn<M>"
+            },
+            "falseType": {
+              "kind": "symbol",
+              "name": "StencilDefaultModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "symbol",
+                  "name": "M",
+                  "value": "M"
+                }
+              ],
+              "value": "StencilDefaultModifierReturn<M>"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "defaultModifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__extends",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "E",
+            "value": "E"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__extends",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__vars",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "V",
+            "value": "V"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__vars",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__modifiers",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "M",
+            "value": "M"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__modifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__id",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "ID",
+            "value": "ID"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__id",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__parts",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "P",
+            "value": "P"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__parts",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "returnType": {
+        "kind": "object",
+        "properties": [
+          {
+            "kind": "property",
+            "name": "className",
+            "required": true,
+            "type": {
+              "kind": "primitive",
+              "value": "string"
+            },
+            "description": "",
+            "declarations": [
+              {
+                "name": "className",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+              }
+            ],
+            "tags": {}
+          },
+          {
+            "kind": "property",
+            "name": "style",
+            "required": false,
+            "type": {
+              "kind": "external",
+              "name": "Record",
+              "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+              "typeParameters": [
+                {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                {
+                  "kind": "primitive",
+                  "value": "string"
+                }
+              ]
+            },
+            "description": "",
+            "declarations": [
+              {
+                "name": "style",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+              }
+            ],
+            "tags": {}
+          }
+        ]
+      }
+    }
+  },
+  {
+    "name": "SidePanel",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "SidePanel",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "container",
+      "displayName": "SidePanel",
+      "elemPropsHook": "useSidePanelContainer",
+      "props": [
+        {
+          "kind": "property",
+          "name": "collapsedWidth",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "primitive",
+                "value": "number"
+              },
+              {
+                "kind": "primitive",
+                "value": "string"
+              }
+            ]
+          },
+          "description": "The width of the component (in `px` if it's a `number`) when it is collapsed.",
+          "declarations": [
+            {
+              "name": "collapsedWidth",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+            }
+          ],
+          "tags": {
+            "default": "64"
+          },
+          "defaultValue": {
+            "kind": "number",
+            "value": 64
+          }
+        },
+        {
+          "kind": "property",
+          "name": "expandedWidth",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "primitive",
+                "value": "number"
+              },
+              {
+                "kind": "primitive",
+                "value": "string"
+              }
+            ]
+          },
+          "description": "The width of the component (in `px` if it's a `number`) when it is expanded.",
+          "declarations": [
+            {
+              "name": "expandedWidth",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+            }
+          ],
+          "tags": {
+            "default": "320"
+          },
+          "defaultValue": {
+            "kind": "number",
+            "value": 320
+          }
+        },
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelVariant",
+            "value": "SidePanelVariant"
+          },
+          "description": "The style variant of the side panel. 'standard' uses a lighter gray background (`system.color.bg.alt.softer`), no depth. 'alternate' uses a white background with depth (`system.color.bg.default` and level 5 depth).",
+          "declarations": [
+            {
+              "name": "variant",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+            }
+          ],
+          "tags": {
+            "default": "'standard'"
+          },
+          "defaultValue": {
+            "kind": "string",
+            "value": "standard"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "children",
+          "required": false,
+          "type": {
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "defaultValue": {
+            "kind": "external",
+            "name": "section",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "section",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
+                }
+              }
+            ]
+          }
+        },
+        {
+          "kind": "property",
+          "name": "model",
+          "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelModel"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "elemPropsHook",
+          "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "name": "model",
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModel"
+                },
+                "required": true
+              },
+              {
+                "kind": "parameter",
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "name": "elemProps",
+                "type": {
+                  "kind": "generic",
+                  "name": "TProps"
+                }
+              }
+            ],
+            "returnType": {
+              "kind": "external",
+              "name": "HTML Attributes",
+              "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
+            }
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "section",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
+      },
+      "model": "SidePanelModel",
+      "subComponents": [
+        {
+          "name": "ToggleButton",
+          "symbol": "SidePanelToggleButton",
+          "description": "`SidePanel.ToggleButton` is a control that toggles between expanded and collapsed states.\nIt must be used within the `SidePanel` component as a child. For accessibility purposes,\nit should be the first focusable element in the panel.\n\nThe button automatically receives `aria-controls`, `aria-expanded`, and `aria-labelledby`\nattributes from the model.",
+          "declarations": [
+            {
+              "name": "ToggleButton",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
+            },
+            {
+              "name": "SidePanelToggleButton",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
+            }
+          ],
+          "tags": {}
+        }
+      ]
+    }
+  },
+  {
+    "name": "SidePanelToggleButtonProps",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "SidePanelToggleButtonProps",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "alias",
+      "name": "SidePanelToggleButton"
+    }
+  },
+  {
+    "name": "sidePanelToggleButtonStencil",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "sidePanelToggleButtonStencil",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "options",
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "primitive",
+                  "value": "never"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "intersection",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "ModifierValuesStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "M",
+                      "value": "M"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "V",
+                      "value": "V"
+                    }
+                  ],
+                  "value": "ModifierValuesStencil<M, V>"
+                },
+                {
+                  "kind": "symbol",
+                  "name": "VariableValuesStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "V",
+                      "value": "V"
+                    }
+                  ],
+                  "value": "VariableValuesStencil<V>"
+                }
+              ]
+            },
+            "falseType": {
+              "kind": "conditional",
+              "check": {
+                "kind": "symbol",
+                "name": "E",
+                "value": "E"
+              },
+              "extends": {
+                "kind": "symbol",
+                "name": "BaseStencil",
+                "typeParameters": [
+                  {
+                    "kind": "infer",
+                    "value": {
+                      "kind": "typeParameter",
+                      "name": "ME",
+                      "required": true
+                    }
+                  },
+                  {
+                    "kind": "primitive",
+                    "value": "any"
+                  },
+                  {
+                    "kind": "infer",
+                    "value": {
+                      "kind": "typeParameter",
+                      "name": "VE",
+                      "required": true
+                    }
+                  },
+                  {
+                    "kind": "primitive",
+                    "value": "any"
+                  },
+                  {
+                    "kind": "primitive",
+                    "value": "any"
+                  }
+                ],
+                "value": "BaseStencil<M, P, V, E, ID>"
+              },
+              "trueType": {
+                "kind": "intersection",
+                "value": [
+                  {
+                    "kind": "symbol",
+                    "name": "ModifierValuesStencil",
+                    "typeParameters": [
+                      {
+                        "kind": "intersection",
+                        "value": [
+                          {
+                            "kind": "symbol",
+                            "name": "ME",
+                            "value": "ME"
+                          },
+                          {
+                            "kind": "symbol",
+                            "name": "M",
+                            "value": "M"
+                          }
+                        ]
+                      },
+                      {
+                        "kind": "intersection",
+                        "value": [
+                          {
+                            "kind": "symbol",
+                            "name": "VE",
+                            "value": "VE"
+                          },
+                          {
+                            "kind": "symbol",
+                            "name": "V",
+                            "value": "V"
+                          }
+                        ]
+                      }
+                    ],
+                    "value": "ModifierValuesStencil<M, V>"
+                  },
+                  {
+                    "kind": "symbol",
+                    "name": "VariableValuesStencil",
+                    "typeParameters": [
+                      {
+                        "kind": "intersection",
+                        "value": [
+                          {
+                            "kind": "symbol",
+                            "name": "VE",
+                            "value": "VE"
+                          },
+                          {
+                            "kind": "symbol",
+                            "name": "V",
+                            "value": "V"
+                          }
+                        ]
+                      }
+                    ],
+                    "value": "VariableValuesStencil<V>"
+                  }
+                ]
+              },
+              "falseType": {
+                "kind": "primitive",
+                "value": "never"
+              }
+            }
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "options",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [
+        {
+          "kind": "property",
+          "name": "parts",
+          "required": true,
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "BaseStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "PE",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    }
+                  ],
+                  "value": "BaseStencil<M, P, V, E, ID>"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "symbol",
+              "name": "StencilPartProps",
+              "typeParameters": [
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "PE",
+                      "value": "PE"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "P",
+                      "value": "P"
+                    }
+                  ]
+                }
+              ],
+              "value": "StencilPartProps<T>"
+            },
+            "falseType": {
+              "kind": "symbol",
+              "name": "StencilPartProps",
+              "typeParameters": [
+                {
+                  "kind": "symbol",
+                  "name": "P",
+                  "value": "P"
+                }
+              ],
+              "value": "StencilPartProps<T>"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "parts",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "vars",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "StencilDefaultVars",
+            "typeParameters": [
+              {
+                "kind": "symbol",
+                "name": "V",
+                "value": "V"
+              },
+              {
+                "kind": "symbol",
+                "name": "E",
+                "value": "E"
+              },
+              {
+                "kind": "symbol",
+                "name": "ID",
+                "value": "ID"
+              }
+            ],
+            "value": "StencilDefaultVars<V, E, ID>"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "vars",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "base",
+          "required": true,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "base",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "modifiers",
+          "required": true,
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "BaseStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "ME",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "VE",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    }
+                  ],
+                  "value": "BaseStencil<M, P, V, E, ID>"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "symbol",
+              "name": "StencilModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "ME",
+                      "value": "ME"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "M",
+                      "value": "M"
+                    }
+                  ]
+                },
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "VE",
+                      "value": "VE"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "V",
+                      "value": "V"
+                    }
+                  ]
+                }
+              ],
+              "value": "StencilModifierReturn<M, V>"
+            },
+            "falseType": {
+              "kind": "symbol",
+              "name": "StencilModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "symbol",
+                  "name": "M",
+                  "value": "M"
+                },
+                {
+                  "kind": "symbol",
+                  "name": "V",
+                  "value": "V"
+                }
+              ],
+              "value": "StencilModifierReturn<M, V>"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "modifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "defaultModifiers",
+          "required": true,
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "BaseStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "ME",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    }
+                  ],
+                  "value": "BaseStencil<M, P, V, E, ID>"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "symbol",
+              "name": "StencilDefaultModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "ME",
+                      "value": "ME"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "M",
+                      "value": "M"
+                    }
+                  ]
+                }
+              ],
+              "value": "StencilDefaultModifierReturn<M>"
+            },
+            "falseType": {
+              "kind": "symbol",
+              "name": "StencilDefaultModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "symbol",
+                  "name": "M",
+                  "value": "M"
+                }
+              ],
+              "value": "StencilDefaultModifierReturn<M>"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "defaultModifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__extends",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "E",
+            "value": "E"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__extends",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__vars",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "V",
+            "value": "V"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__vars",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__modifiers",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "M",
+            "value": "M"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__modifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__id",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "ID",
+            "value": "ID"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__id",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__parts",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "P",
+            "value": "P"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__parts",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "returnType": {
+        "kind": "object",
+        "properties": [
+          {
+            "kind": "property",
+            "name": "className",
+            "required": true,
+            "type": {
+              "kind": "primitive",
+              "value": "string"
+            },
+            "description": "",
+            "declarations": [
+              {
+                "name": "className",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+              }
+            ],
+            "tags": {}
+          },
+          {
+            "kind": "property",
+            "name": "style",
+            "required": false,
+            "type": {
+              "kind": "external",
+              "name": "Record",
+              "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+              "typeParameters": [
+                {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                {
+                  "kind": "primitive",
+                  "value": "string"
+                }
+              ]
+            },
+            "description": "",
+            "declarations": [
+              {
+                "name": "style",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+              }
+            ],
+            "tags": {}
+          }
+        ]
+      }
+    }
+  },
+  {
+    "name": "useSidePanelToggleButtonElemProps",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "useSidePanelToggleButtonElemProps",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "name": {
+        "kind": "symbol",
+        "name": "createElemPropsHook"
+      },
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "model",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelModel"
+          },
+          "required": true
+        },
+        {
+          "kind": "parameter",
+          "name": "elemProps",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "object",
+            "properties": []
+          },
+          "required": false
+        },
+        {
+          "kind": "parameter",
+          "name": "ref",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html"
+          },
+          "required": false
+        }
+      ],
+      "returnType": {
+        "kind": "object",
+        "properties": [
+          {
+            "kind": "property",
+            "name": "aria-controls",
+            "required": true,
+            "type": {
+              "kind": "primitive",
+              "value": "string"
+            },
+            "description": "",
+            "tags": {},
+            "declarations": []
+          },
+          {
+            "kind": "property",
+            "name": "aria-expanded",
+            "required": true,
+            "type": {
+              "kind": "primitive",
+              "value": "boolean"
+            },
+            "description": "",
+            "tags": {},
+            "declarations": []
+          },
+          {
+            "kind": "property",
+            "name": "aria-labelledby",
+            "required": true,
+            "type": {
+              "kind": "primitive",
+              "value": "string"
+            },
+            "description": "",
+            "tags": {},
+            "declarations": []
+          }
+        ]
+      }
+    }
+  },
+  {
+    "name": "SidePanelToggleButton",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "SidePanelToggleButton",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "subcomponent",
+      "elemPropsHook": "useSidePanelToggleButtonElemProps",
+      "displayName": "SidePanel.ToggleButton",
+      "props": [
+        {
+          "kind": "property",
+          "name": "model",
+          "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelModel"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "elemPropsHook",
+          "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "name": "model",
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModel"
+                },
+                "required": true
+              },
+              {
+                "kind": "parameter",
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "name": "elemProps",
+                "type": {
+                  "kind": "generic",
+                  "name": "TProps"
+                }
+              }
+            ],
+            "returnType": {
+              "kind": "external",
+              "name": "HTML Attributes",
+              "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
+            }
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "button",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button"
+      },
+      "model": "SidePanelModel"
+    }
+  },
+  {
+    "name": "SidePanelTransitionStates",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
+    "description": "The transition states of the SidePanel during expand/collapse animations.\n- `expanded`: Panel is fully expanded\n- `expanding`: Panel is animating from collapsed to expanded\n- `collapsed`: Panel is fully collapsed\n- `collapsing`: Panel is animating from expanded to collapsed",
+    "declarations": [
+      {
+        "name": "SidePanelTransitionStates",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "type",
+      "typeParameters": [],
+      "value": {
+        "kind": "union",
+        "value": [
+          {
+            "kind": "string",
+            "value": "collapsed"
+          },
+          {
+            "kind": "string",
+            "value": "collapsing"
+          },
+          {
+            "kind": "string",
+            "value": "expanded"
+          },
+          {
+            "kind": "string",
+            "value": "expanding"
+          }
+        ]
+      }
+    }
+  },
+  {
+    "name": "useSidePanelModel",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "useSidePanelModel",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "modelHook",
+      "name": "useSidePanelModel",
+      "defaultConfig": [
+        {
+          "kind": "property",
+          "name": "initialTransitionState",
+          "defaultValue": {
+            "kind": "string",
+            "value": "expanded"
+          },
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelTransitionStates",
+            "value": "SidePanelTransitionStates"
+          },
+          "required": false,
+          "description": "The initial transition state of the SidePanel.",
+          "declarations": [
+            {
+              "name": "initialTransitionState",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "default": "'expanded'"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "origin",
+          "defaultValue": {
+            "kind": "string",
+            "value": "start"
+          },
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "end"
+              },
+              {
+                "kind": "string",
+                "value": "start"
+              }
+            ]
+          },
+          "required": false,
+          "description": "Which side the SidePanel originates from. Uses logical properties for RTL support.\n- `start`: Left side in LTR, right side in RTL\n- `end`: Right side in LTR, left side in RTL",
+          "declarations": [
+            {
+              "name": "origin",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "default": "'start'"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "panelId",
+          "defaultValue": {
+            "kind": "string",
+            "value": ""
+          },
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": false,
+          "description": "The unique ID for the panel element. If not provided, a unique ID will be generated.\nThis ID is used for the `aria-controls` attribute on the toggle button.",
+          "declarations": [
+            {
+              "name": "panelId",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "labelId",
+          "defaultValue": {
+            "kind": "string",
+            "value": ""
+          },
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": false,
+          "description": "The unique ID for the panel's label element. If not provided, a unique ID will be generated.\nThis ID is used for the `aria-labelledby` attribute on both the panel and toggle button.",
+          "declarations": [
+            {
+              "name": "labelId",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "onStateTransition",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "state",
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelTransitionStates",
+                  "value": "SidePanelTransitionStates"
+                },
+                "required": true,
+                "rest": false,
+                "description": "The new transition state",
+                "declarations": [
+                  {
+                    "name": "state",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                  }
+                ],
+                "tags": {
+                  "param": "state\n \nThe new transition state"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": false,
+          "description": "Callback fired when the SidePanel's transition state changes.\nUse this to react to state changes including animation states.",
+          "declarations": [
+            {
+              "name": "onStateTransition",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "param": "state\n \nThe new transition state"
+          }
+        }
+      ],
+      "requiredConfig": []
+    }
+  },
+  {
+    "name": "SidePanelModel",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "useSidePanelModel",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "model",
+      "state": [
+        {
+          "kind": "property",
+          "name": "panelId",
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The unique ID for the panel element. Used for `aria-controls` on the toggle button.",
+          "declarations": [
+            {
+              "name": "panelId",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "labelId",
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The unique ID for the panel's label element. Used for `aria-labelledby` on the panel\nand toggle button to provide an accessible name.",
+          "declarations": [
+            {
+              "name": "labelId",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "transitionState",
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelTransitionStates",
+            "value": "SidePanelTransitionStates"
+          },
+          "description": "The current transition state of the SidePanel. This tracks both the expanded/collapsed\nstate and the animation states (expanding/collapsing).",
+          "declarations": [
+            {
+              "name": "transitionState",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "initialTransitionState",
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelTransitionStates",
+            "value": "SidePanelTransitionStates"
+          },
+          "required": true,
+          "description": "The initial transition state of the SidePanel.",
+          "declarations": [
+            {
+              "name": "initialTransitionState",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "default": "'expanded'"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "origin",
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "end"
+              },
+              {
+                "kind": "string",
+                "value": "start"
+              }
+            ]
+          },
+          "required": true,
+          "description": "Which side the SidePanel originates from. Uses logical properties for RTL support.\n- `start`: Left side in LTR, right side in RTL\n- `end`: Right side in LTR, left side in RTL",
+          "declarations": [
+            {
+              "name": "origin",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "default": "'start'"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "onStateTransition",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "state",
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelTransitionStates",
+                  "value": "SidePanelTransitionStates"
+                },
+                "required": true,
+                "rest": false,
+                "description": "The new transition state",
+                "declarations": [
+                  {
+                    "name": "state",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                  }
+                ],
+                "tags": {
+                  "param": "state\n \nThe new transition state"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": true,
+          "description": "Callback fired when the SidePanel's transition state changes.\nUse this to react to state changes including animation states.",
+          "declarations": [
+            {
+              "name": "onStateTransition",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "param": "state\n \nThe new transition state"
+          }
+        }
+      ],
+      "events": [
+        {
+          "kind": "property",
+          "name": "expand",
+          "type": {
+            "kind": "function",
+            "parameters": [],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": true,
+          "description": "Expand the SidePanel. This sets the state directly to `expanded` without animation.\nFor animated expansion, use the toggle button which triggers `setExpandingState`.",
+          "declarations": [
+            {
+              "name": "expand",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "collapse",
+          "type": {
+            "kind": "function",
+            "parameters": [],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": true,
+          "description": "Collapse the SidePanel. This sets the state directly to `collapsed` without animation.\nFor animated collapse, use the toggle button which triggers `setCollapsingState`.",
+          "declarations": [
+            {
+              "name": "collapse",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "handleAnimationEnd",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "event",
+                "type": {
+                  "kind": "symbol",
+                  "name": "React.TransitionEvent",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "HTMLDivElement",
+                      "value": "HTMLDivElement"
+                    }
+                  ],
+                  "value": "TransitionEvent<T>"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "event",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "symbol",
+              "name": "TransitionEvent",
+              "value": "TransitionEvent<HTMLDivElement>"
+            }
+          },
+          "required": true,
+          "description": "Handler for the CSS transition end event. This should be called when the width\ntransition completes to finalize the state from `expanding` to `expanded` or\nfrom `collapsing` to `collapsed`.",
+          "declarations": [
+            {
+              "name": "handleAnimationEnd",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "handleAnimationStart",
+          "type": {
+            "kind": "function",
+            "parameters": [],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "undefined"
+            }
+          },
+          "required": true,
+          "description": "Triggers the start of a transition animation. This toggles between expanding\nand collapsing states based on the current state.",
+          "declarations": [
+            {
+              "name": "handleAnimationStart",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "modelProperties": []
+    }
+  },
+  {
+    "name": "SidePanelModelConfig",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "useSidePanelModel",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "initialTransitionState",
+          "defaultValue": {
+            "kind": "string",
+            "value": "expanded"
+          },
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelTransitionStates",
+            "value": "SidePanelTransitionStates"
+          },
+          "required": false,
+          "description": "The initial transition state of the SidePanel.",
+          "declarations": [
+            {
+              "name": "initialTransitionState",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "default": "'expanded'"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "origin",
+          "defaultValue": {
+            "kind": "string",
+            "value": "start"
+          },
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "end"
+              },
+              {
+                "kind": "string",
+                "value": "start"
+              }
+            ]
+          },
+          "required": false,
+          "description": "Which side the SidePanel originates from. Uses logical properties for RTL support.\n- `start`: Left side in LTR, right side in RTL\n- `end`: Right side in LTR, left side in RTL",
+          "declarations": [
+            {
+              "name": "origin",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "default": "'start'"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "panelId",
+          "defaultValue": {
+            "kind": "string",
+            "value": ""
+          },
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": false,
+          "description": "The unique ID for the panel element. If not provided, a unique ID will be generated.\nThis ID is used for the `aria-controls` attribute on the toggle button.",
+          "declarations": [
+            {
+              "name": "panelId",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "labelId",
+          "defaultValue": {
+            "kind": "string",
+            "value": ""
+          },
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": false,
+          "description": "The unique ID for the panel's label element. If not provided, a unique ID will be generated.\nThis ID is used for the `aria-labelledby` attribute on both the panel and toggle button.",
+          "declarations": [
+            {
+              "name": "labelId",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "onStateTransition",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "state",
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelTransitionStates",
+                  "value": "SidePanelTransitionStates"
+                },
+                "required": true,
+                "rest": false,
+                "description": "The new transition state",
+                "declarations": [
+                  {
+                    "name": "state",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                  }
+                ],
+                "tags": {
+                  "param": "state\n \nThe new transition state"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": false,
+          "description": "Callback fired when the SidePanel's transition state changes.\nUse this to react to state changes including animation states.",
+          "declarations": [
+            {
+              "name": "onStateTransition",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "param": "state\n \nThe new transition state"
+          }
+        },
+        null,
+        {
+          "kind": "property",
+          "name": "onExpand",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "kind": "parameter",
+                "name": "state",
+                "required": true,
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModelState",
+                  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": false,
+          "description": "Expand the SidePanel. This sets the state directly to `expanded` without animation.\nFor animated expansion, use the toggle button which triggers `setExpandingState`.",
+          "declarations": [
+            {
+              "name": "expand",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "shouldExpand",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "kind": "parameter",
+                "name": "state",
+                "required": true,
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModelState",
+                  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "boolean"
+            }
+          },
+          "required": false,
+          "description": "Expand the SidePanel. This sets the state directly to `expanded` without animation.\nFor animated expansion, use the toggle button which triggers `setExpandingState`.",
+          "declarations": [
+            {
+              "name": "expand",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "onCollapse",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "kind": "parameter",
+                "name": "state",
+                "required": true,
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModelState",
+                  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": false,
+          "description": "Collapse the SidePanel. This sets the state directly to `collapsed` without animation.\nFor animated collapse, use the toggle button which triggers `setCollapsingState`.",
+          "declarations": [
+            {
+              "name": "collapse",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "shouldCollapse",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "kind": "parameter",
+                "name": "state",
+                "required": true,
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModelState",
+                  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "boolean"
+            }
+          },
+          "required": false,
+          "description": "Collapse the SidePanel. This sets the state directly to `collapsed` without animation.\nFor animated collapse, use the toggle button which triggers `setCollapsingState`.",
+          "declarations": [
+            {
+              "name": "collapse",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "onHandleAnimationEnd",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "kind": "parameter",
+                "name": "state",
+                "required": true,
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModelState",
+                  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                }
+              },
+              {
+                "kind": "parameter",
+                "name": "event",
+                "type": {
+                  "kind": "symbol",
+                  "name": "React.TransitionEvent",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "HTMLDivElement",
+                      "value": "HTMLDivElement"
+                    }
+                  ],
+                  "value": "TransitionEvent<T>"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "event",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": false,
+          "description": "Handler for the CSS transition end event. This should be called when the width\ntransition completes to finalize the state from `expanding` to `expanded` or\nfrom `collapsing` to `collapsed`.",
+          "declarations": [
+            {
+              "name": "handleAnimationEnd",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "shouldHandleAnimationEnd",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "kind": "parameter",
+                "name": "state",
+                "required": true,
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModelState",
+                  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                }
+              },
+              {
+                "kind": "parameter",
+                "name": "event",
+                "type": {
+                  "kind": "symbol",
+                  "name": "React.TransitionEvent",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "HTMLDivElement",
+                      "value": "HTMLDivElement"
+                    }
+                  ],
+                  "value": "TransitionEvent<T>"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "event",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "boolean"
+            }
+          },
+          "required": false,
+          "description": "Handler for the CSS transition end event. This should be called when the width\ntransition completes to finalize the state from `expanding` to `expanded` or\nfrom `collapsing` to `collapsed`.",
+          "declarations": [
+            {
+              "name": "handleAnimationEnd",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "onHandleAnimationStart",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "kind": "parameter",
+                "name": "state",
+                "required": true,
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModelState",
+                  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": false,
+          "description": "Triggers the start of a transition animation. This toggles between expanding\nand collapsing states based on the current state.",
+          "declarations": [
+            {
+              "name": "handleAnimationStart",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "shouldHandleAnimationStart",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "description": "",
+                "tags": {},
+                "declarations": [],
+                "kind": "parameter",
+                "name": "state",
+                "required": true,
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelModelState",
+                  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "boolean"
+            }
+          },
+          "required": false,
+          "description": "Triggers the start of a transition animation. This toggles between expanding\nand collapsing states based on the current state.",
+          "declarations": [
+            {
+              "name": "handleAnimationStart",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ]
+    }
+  },
+  {
+    "name": "SidePanelModelState",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
+    "description": "",
+    "tags": {},
+    "declarations": [],
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "panelId",
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The unique ID for the panel element. Used for `aria-controls` on the toggle button.",
+          "declarations": [
+            {
+              "name": "panelId",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "labelId",
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The unique ID for the panel's label element. Used for `aria-labelledby` on the panel\nand toggle button to provide an accessible name.",
+          "declarations": [
+            {
+              "name": "labelId",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "transitionState",
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelTransitionStates",
+            "value": "SidePanelTransitionStates"
+          },
+          "description": "The current transition state of the SidePanel. This tracks both the expanded/collapsed\nstate and the animation states (expanding/collapsing).",
+          "declarations": [
+            {
+              "name": "transitionState",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "initialTransitionState",
+          "type": {
+            "kind": "symbol",
+            "name": "SidePanelTransitionStates",
+            "value": "SidePanelTransitionStates"
+          },
+          "required": true,
+          "description": "The initial transition state of the SidePanel.",
+          "declarations": [
+            {
+              "name": "initialTransitionState",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "default": "'expanded'"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "origin",
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "end"
+              },
+              {
+                "kind": "string",
+                "value": "start"
+              }
+            ]
+          },
+          "required": true,
+          "description": "Which side the SidePanel originates from. Uses logical properties for RTL support.\n- `start`: Left side in LTR, right side in RTL\n- `end`: Right side in LTR, left side in RTL",
+          "declarations": [
+            {
+              "name": "origin",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "default": "'start'"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "onStateTransition",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "state",
+                "type": {
+                  "kind": "symbol",
+                  "name": "SidePanelTransitionStates",
+                  "value": "SidePanelTransitionStates"
+                },
+                "required": true,
+                "rest": false,
+                "description": "The new transition state",
+                "declarations": [
+                  {
+                    "name": "state",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                  }
+                ],
+                "tags": {
+                  "param": "state\n \nThe new transition state"
+                }
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": true,
+          "description": "Callback fired when the SidePanel's transition state changes.\nUse this to react to state changes including animation states.",
+          "declarations": [
+            {
+              "name": "onStateTransition",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {
+            "param": "state\n \nThe new transition state"
+          }
+        }
+      ]
+    }
+  },
+  {
+    "name": "SidePanelModelEvents",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
+    "description": "",
+    "tags": {},
+    "declarations": [],
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "expand",
+          "type": {
+            "kind": "function",
+            "parameters": [],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": true,
+          "description": "Expand the SidePanel. This sets the state directly to `expanded` without animation.\nFor animated expansion, use the toggle button which triggers `setExpandingState`.",
+          "declarations": [
+            {
+              "name": "expand",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "collapse",
+          "type": {
+            "kind": "function",
+            "parameters": [],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "required": true,
+          "description": "Collapse the SidePanel. This sets the state directly to `collapsed` without animation.\nFor animated collapse, use the toggle button which triggers `setCollapsingState`.",
+          "declarations": [
+            {
+              "name": "collapse",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "handleAnimationEnd",
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "event",
+                "type": {
+                  "kind": "symbol",
+                  "name": "React.TransitionEvent",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "HTMLDivElement",
+                      "value": "HTMLDivElement"
+                    }
+                  ],
+                  "value": "TransitionEvent<T>"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "event",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "symbol",
+              "name": "TransitionEvent",
+              "value": "TransitionEvent<HTMLDivElement>"
+            }
+          },
+          "required": true,
+          "description": "Handler for the CSS transition end event. This should be called when the width\ntransition completes to finalize the state from `expanding` to `expanded` or\nfrom `collapsing` to `collapsed`.",
+          "declarations": [
+            {
+              "name": "handleAnimationEnd",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "handleAnimationStart",
+          "type": {
+            "kind": "function",
+            "parameters": [],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "undefined"
+            }
+          },
+          "required": true,
+          "description": "Triggers the start of a transition animation. This toggles between expanding\nand collapsing states based on the current state.",
+          "declarations": [
+            {
+              "name": "handleAnimationStart",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ]
+    }
+  },
   {
     "name": "version",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/version/lib/version.ts",
@@ -54730,7 +58020,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `UseSidePanelProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -54804,7 +58096,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `PanelProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -54889,7 +58183,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `LabelProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -54923,7 +58219,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `ControlProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -55013,7 +58311,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `useSidePanel` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "function",
       "parameters": [
@@ -55168,7 +58468,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SidePanelVariant` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "type",
       "typeParameters": [],
@@ -55197,7 +58499,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SidePanelTransitionStates` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "type",
       "typeParameters": [],
@@ -55234,7 +58538,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SidePanelProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "alias",
       "name": "SidePanel"
@@ -55250,7 +58556,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `panelStencil` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "function",
       "parameters": [
@@ -55954,7 +59262,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SidePanel` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
+    },
     "type": {
       "kind": "enhancedComponent",
       "componentType": "regular",
@@ -58338,27 +61648,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": [
               {
                 "kind": "string",
-                "value": "title.medium"
+                "value": "body.medium"
               },
               {
                 "kind": "string",
-                "value": "title.large"
+                "value": "body.large"
               },
               {
                 "kind": "string",
-                "value": "title.small"
+                "value": "body.small"
               },
               {
                 "kind": "string",
-                "value": "body.medium"
+                "value": "title.medium"
               },
               {
                 "kind": "string",
-                "value": "body.large"
+                "value": "title.large"
               },
               {
                 "kind": "string",
-                "value": "body.small"
+                "value": "title.small"
               },
               {
                 "kind": "string",
@@ -77249,27 +80559,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": [
               {
                 "kind": "string",
-                "value": "title.medium"
+                "value": "body.medium"
               },
               {
                 "kind": "string",
-                "value": "title.large"
+                "value": "body.large"
               },
               {
                 "kind": "string",
-                "value": "title.small"
+                "value": "body.small"
               },
               {
                 "kind": "string",
-                "value": "body.medium"
+                "value": "title.medium"
               },
               {
                 "kind": "string",
-                "value": "body.large"
+                "value": "title.large"
               },
               {
                 "kind": "string",
-                "value": "body.small"
+                "value": "title.small"
               },
               {
                 "kind": "string",
@@ -183389,16 +186699,14 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "name": "PartialEmotionCanvasTheme",
             "value": "PartialEmotionCanvasTheme"
           },
-          "description": "",
+          "description": "⚠️ Only use this prop if you intent to to theme a part of your application that is different from global theming.\nFor more information, view our [Theming Docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#global-vs-scoped-theming).\n\nWhile we support theme overrides, we advise to use global theming via CSS Variables.",
           "declarations": [
             {
               "name": "theme",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
             }
           ],
-          "tags": {
-            "deprecated": "⚠️ `theme` is deprecated. In previous versions of Canvas Kit, we allowed teams to pass a theme object, this supported [Emotion's theming](https://emotion.sh/docs/theming). Now that we're shifting to a global theming approach based on CSS variables, we advise to no longer using the theme prop. For more information, view our [Theming Docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#-preferred-approach-v14)."
-          }
+          "tags": {}
         }
       ]
     }
@@ -194624,9 +197932,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
       }
     ],
-    "tags": {
-      "deprecated": "⚠️ `PartialEmotionCanvasTheme` is deprecated. In previous versions of Canvas Kit, we allowed teams to pass a theme object, this supported [Emotion's theming](https://emotion.sh/docs/theming). Now that we're shifting to a global theming approach based on CSS variables, we advise to no longer using the theme prop. For more information, view our [Theming Docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#-preferred-approach-v14)."
-    },
+    "tags": {},
     "type": {
       "kind": "object",
       "properties": [
@@ -217422,27 +220728,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": [
               {
                 "kind": "string",
-                "value": "title.medium"
+                "value": "body.medium"
               },
               {
                 "kind": "string",
-                "value": "title.large"
+                "value": "body.large"
               },
               {
                 "kind": "string",
-                "value": "title.small"
+                "value": "body.small"
               },
               {
                 "kind": "string",
-                "value": "body.medium"
+                "value": "title.medium"
               },
               {
                 "kind": "string",
-                "value": "body.large"
+                "value": "title.large"
               },
               {
                 "kind": "string",
-                "value": "body.small"
+                "value": "title.small"
               },
               {
                 "kind": "string",
@@ -218487,27 +221793,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": [
               {
                 "kind": "string",
-                "value": "title.medium"
+                "value": "body.medium"
               },
               {
                 "kind": "string",
-                "value": "title.large"
+                "value": "body.large"
               },
               {
                 "kind": "string",
-                "value": "title.small"
+                "value": "body.small"
               },
               {
                 "kind": "string",
-                "value": "body.medium"
+                "value": "title.medium"
               },
               {
                 "kind": "string",
-                "value": "body.large"
+                "value": "title.large"
               },
               {
                 "kind": "string",
-                "value": "body.small"
+                "value": "title.small"
               },
               {
                 "kind": "string",
@@ -219696,27 +223002,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": [
               {
                 "kind": "string",
-                "value": "title.medium"
+                "value": "body.medium"
               },
               {
                 "kind": "string",
-                "value": "title.large"
+                "value": "body.large"
               },
               {
                 "kind": "string",
-                "value": "title.small"
+                "value": "body.small"
               },
               {
                 "kind": "string",
-                "value": "body.medium"
+                "value": "title.medium"
               },
               {
                 "kind": "string",
-                "value": "body.large"
+                "value": "title.large"
               },
               {
                 "kind": "string",
-                "value": "body.small"
+                "value": "title.small"
               },
               {
                 "kind": "string",
@@ -230258,27 +233564,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": [
               {
                 "kind": "string",
-                "value": "title.medium"
+                "value": "body.medium"
               },
               {
                 "kind": "string",
-                "value": "title.large"
+                "value": "body.large"
               },
               {
                 "kind": "string",
-                "value": "title.small"
+                "value": "body.small"
               },
               {
                 "kind": "string",
-                "value": "body.medium"
+                "value": "title.medium"
               },
               {
                 "kind": "string",
-                "value": "body.large"
+                "value": "title.large"
               },
               {
                 "kind": "string",
-                "value": "body.small"
+                "value": "title.small"
               },
               {
                 "kind": "string",
@@ -268157,16 +271463,16 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         },
         {
           "kind": "property",
-          "name": "shouldVirtualize",
+          "name": "id",
           "type": {
-            "kind": "boolean",
-            "value": true
+            "kind": "primitive",
+            "value": "string"
           },
           "required": true,
-          "description": "",
+          "description": "IDREF of the list. Children ids can be derived from this id",
           "declarations": [
             {
-              "name": "shouldVirtualize",
+              "name": "id",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useBaseListModel.tsx"
             }
           ],
@@ -268174,70 +271480,70 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         },
         {
           "kind": "property",
-          "name": "selection",
+          "name": "navigation",
           "type": {
             "kind": "symbol",
-            "name": "SelectionManager",
-            "value": "SelectionManager"
+            "name": "NavigationManager",
+            "value": "NavigationManager"
           },
           "required": true,
-          "description": "",
+          "description": "Controls the state changes when the user sends navigation events to the model. For example,\nwhen the user hits the \"right\" arrow, a behavior hook will determine directionality\n(left-to-right or right-to-left) and call the correct navigation method. In our example, a\nleft-to-right language would send a `getNext`. The navigation manager may return the next item\nin the list. Different managers can be created for slightly different use cases. The default\nnavigation manager will accept `orientation` and directionality to determine mapping.\n\nAn example override might be a tab list with an overflow menu that is meant to be transparent\nto screen reader users. This would require the overflow menu to accept both up/down keys as\nwell as left/right keys to give a more consistent experience to all users.",
           "declarations": [
             {
-              "name": "selection",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useSelectionListModel.tsx"
+              "name": "navigation",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "navigation",
+          "name": "shouldVirtualize",
           "type": {
-            "kind": "symbol",
-            "name": "NavigationManager",
-            "value": "NavigationManager"
+            "kind": "boolean",
+            "value": true
           },
           "required": true,
-          "description": "Controls the state changes when the user sends navigation events to the model. For example,\nwhen the user hits the \"right\" arrow, a behavior hook will determine directionality\n(left-to-right or right-to-left) and call the correct navigation method. In our example, a\nleft-to-right language would send a `getNext`. The navigation manager may return the next item\nin the list. Different managers can be created for slightly different use cases. The default\nnavigation manager will accept `orientation` and directionality to determine mapping.\n\nAn example override might be a tab list with an overflow menu that is meant to be transparent\nto screen reader users. This would require the overflow menu to accept both up/down keys as\nwell as left/right keys to give a more consistent experience to all users.",
+          "description": "",
           "declarations": [
             {
-              "name": "navigation",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+              "name": "shouldVirtualize",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useBaseListModel.tsx"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "pageSize",
+          "name": "selection",
           "type": {
-            "kind": "primitive",
-            "value": "number"
+            "kind": "symbol",
+            "name": "SelectionManager",
+            "value": "SelectionManager"
           },
           "required": true,
-          "description": "Controls how much a pageUp/pageDown navigation request will jump. If not provided, the size\nof the list and number of items rendered will determine this value.",
+          "description": "",
           "declarations": [
             {
-              "name": "pageSize",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+              "name": "selection",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useSelectionListModel.tsx"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "id",
+          "name": "pageSize",
           "type": {
             "kind": "primitive",
-            "value": "string"
+            "value": "number"
           },
           "required": true,
-          "description": "IDREF of the list. Children ids can be derived from this id",
+          "description": "Controls how much a pageUp/pageDown navigation request will jump. If not provided, the size\nof the list and number of items rendered will determine this value.",
           "declarations": [
             {
-              "name": "id",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useBaseListModel.tsx"
+              "name": "pageSize",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
             }
           ],
           "tags": {}
@@ -403823,27 +407129,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": [
               {
                 "kind": "string",
-                "value": "title.medium"
+                "value": "body.medium"
               },
               {
                 "kind": "string",
-                "value": "title.large"
+                "value": "body.large"
               },
               {
                 "kind": "string",
-                "value": "title.small"
+                "value": "body.small"
               },
               {
                 "kind": "string",
-                "value": "body.medium"
+                "value": "title.medium"
               },
               {
                 "kind": "string",
-                "value": "body.large"
+                "value": "title.large"
               },
               {
                 "kind": "string",
-                "value": "body.small"
+                "value": "title.small"
               },
               {
                 "kind": "string",
@@ -408720,27 +412026,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": [
               {
                 "kind": "string",
-                "value": "title.medium"
+                "value": "body.medium"
               },
               {
                 "kind": "string",
-                "value": "title.large"
+                "value": "body.large"
               },
               {
                 "kind": "string",
-                "value": "title.small"
+                "value": "body.small"
               },
               {
                 "kind": "string",
-                "value": "body.medium"
+                "value": "title.medium"
               },
               {
                 "kind": "string",
-                "value": "body.large"
+                "value": "title.large"
               },
               {
                 "kind": "string",
-                "value": "body.small"
+                "value": "title.small"
               },
               {
                 "kind": "string",
@@ -409658,27 +412964,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": [
               {
                 "kind": "string",
-                "value": "title.medium"
+                "value": "body.medium"
               },
               {
                 "kind": "string",
-                "value": "title.large"
+                "value": "body.large"
               },
               {
                 "kind": "string",
-                "value": "title.small"
+                "value": "body.small"
               },
               {
                 "kind": "string",
-                "value": "body.medium"
+                "value": "title.medium"
               },
               {
                 "kind": "string",
-                "value": "body.large"
+                "value": "title.large"
               },
               {
                 "kind": "string",
-                "value": "body.small"
+                "value": "title.small"
               },
               {
                 "kind": "string",