@workday/canvas-kit-docs 9.1.20 → 9.1.23

package/dist/es6/lib/docs.js

@@ -993,7 +993,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "useThemeRTL",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/common/lib/theming/useThemeRTL.ts",
-    "description": "",
+    "description": "A helpful hook for supporting bidirectional styles.\n* Read below for more detail or [view the docs](https://github.com/Workday/canvas-kit/blob/master/modules/labs-react/common/README.md#useThemeRTL).",
     "declarations": [
       {
         "name": "useThemeRTL",
@@ -1001,9 +1001,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "Now that IE11 is no longer supported, we encourage consumers to use [CSS logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties)\n\n\nA helpful hook for supporting bidirectional styles.\n* Read below for more detail or [view the docs](https://github.com/Workday/canvas-kit/blob/master/modules/labs-react/common/README.md#useThemeRTL).",
       "returns": "* `themeRTL` - a function to transform bidirectional styles\n* `theme` - the Canvas theme object (optional, provided for convenience)\n\n`themeRTL` allows you to support bidirectionality with a single set of styles and pass them along to a component.\nIt accepts CSS object styles and transforms CSS attributes based on the content direction set in the theme (LTR or RTL).",
-      "example": "import { type } from '@workday/canvas-kit-react/tokens';\nimport { useThemeRTL } from '@workday/canvas-kit-labs-react/common';\n\nconst ErrorText: React.FC = (props) => {\n  const { themeRTL, theme } = useThemeRTL();\n  // `borderLeft` will be converted to `borderRight`\n  // when the theme direction is `RTL`.\n  // All other styles will remain unchanged.\n  const errorTextStyles = themeRTL({\n    ...type.levels.subtext.medium,\n    color: theme.canvas.palette.error.main,\n    borderLeft: `solid 2px ${theme.canvas.palette.error.main}`,\n  });\n\n  return <span css={errorTextStyles} {...props} />;\n}"
+      "example": "import { type } from '@workday/canvas-kit-react/tokens';\nimport { useThemeRTL } from '@workday/canvas-kit-labs-react/common';\n\nconst ErrorText: React.FC = (props) => {\n  const { themeRTL, theme } = useThemeRTL();\n  // `borderLeft` will be converted to `borderRight`\n  // when the theme direction is `RTL`.\n  // All other styles will remain unchanged.\n  const errorTextStyles = themeRTL({\n    ...type.levels.subtext.medium,\n    color: theme.canvas.palette.error.main,\n    borderLeft: `solid 2px ${theme.canvas.palette.error.main}`,\n  });\n\n  return <span css={errorTextStyles} {...props} />;\n}",
+      "deprecated": "⚠️ `useThemeRTL` has been deprecated and will be removed in a future major version. Now that IE11 is no longer supported, we encourage consumers to use [CSS logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties)."
     },
     "type": {
       "kind": "function",
@@ -1450,7 +1450,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "name": "Property.ObjectFit",
             "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit"
           },
-          "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an <img> or <video>, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
+          "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an `<img>` or `<video>`, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
           "declarations": [
             {
               "name": "objectFit",
@@ -7155,14 +7155,16 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "DeprecatedMenuProps",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx",
-    "description": "### Deprecated Menu\n\nAs of Canvas Kit v8, Menu is being deprecated.\nIt will be removed in v10. Please see the\n[upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)\nfor more information.",
+    "description": "",
     "declarations": [
       {
         "name": "DeprecatedMenuProps",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `DeprecatedMenuProps` has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
+    },
     "type": {
       "kind": "alias",
       "name": "DeprecatedMenu"
@@ -7171,14 +7173,16 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "DeprecatedMenuState",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx",
-    "description": "### Deprecated Menu State\n\nAs of Canvas Kit v8, Menu is being deprecated.\nIt will be removed in v10. Please see the\n[upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)\nfor more information.",
+    "description": "",
     "declarations": [
       {
         "name": "DeprecatedMenuState",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `DeprecatedMenuState` has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -7205,7 +7209,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "DeprecatedMenu",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx",
-    "description": "As of Canvas Kit v8, Menu is being deprecated.\nIt will be removed in v10. Please see the [upgrade\nguide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page) for\nmore information.\n\n`DeprecatedMenu` renders a styled `<ul role=\"menu\">` element within a {@link Card} and follows\nthe [Active Menu\npattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant/)\nusing `aria-activedescendant`.\n\nUndocumented props are spread to the underlying `<ul>` element.",
+    "description": "`DeprecatedMenu` renders a styled `<ul role=\"menu\">` element within a {@link Card} and follows\nthe [Active Menu\npattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant/)\nusing `aria-activedescendant`.\n\nUndocumented props are spread to the underlying `<ul>` element.",
     "declarations": [
       {
         "name": "DeprecatedMenu",
@@ -7213,7 +7217,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": ""
+      "deprecated": "⚠️ Deprecated Menu has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
     },
     "type": {
       "kind": "component",
@@ -7430,14 +7434,16 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "DeprecatedMenuItemProps",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx",
-    "description": "### Deprecated Menu Item Props\n\nAs of Canvas Kit v8, Menu is being deprecated.\nIt will be removed in v10. Please see the\n[upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)\nfor more information.",
+    "description": "",
     "declarations": [
       {
         "name": "DeprecatedMenuItemProps",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `DeprecatedMenuItemProps` has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
+    },
     "type": {
       "kind": "alias",
       "name": "DeprecatedMenuItem"
@@ -7446,7 +7452,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "DeprecatedMenuItem",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/MenuItem.tsx",
-    "description": "`DeprecatedMenuItem` renders an `<li>` element with the correct attributes to ensure it is\naccessible. If you choose to implement your own custom menu items, be sure to use semantic `<li>`\nelements with the following attributes:\n\n- `role=\"menuitem\"`\n- `tabindex={-1}`\n- `id`s following this pattern: `${MenuId}-${index}`\n\nAs of Canvas Kit v8, Menu is being deprecated.\nIt will be removed in v10. Please see the [upgrade\nguide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page) for\nmore information.\n\nUndocumented props are spread to the underlying `<li>` element.",
+    "description": "`DeprecatedMenuItem` renders an `<li>` element with the correct attributes to ensure it is\naccessible. If you choose to implement your own custom menu items, be sure to use semantic `<li>`\nelements with the following attributes:\n\n- `role=\"menuitem\"`\n- `tabindex={-1}`\n- `id`s following this pattern: `${MenuId}-${index}`\n\nUndocumented props are spread to the underlying `<li>` element.",
     "declarations": [
       {
         "name": "DeprecatedMenuItem",
@@ -7454,7 +7460,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": ""
+      "deprecated": "⚠️ `DeprecatedMenuItem` has been deprecated and will be removed in a future major version. Please use [Menu in Main](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--basic) instead."
     },
     "type": {
       "kind": "component",
@@ -8130,7 +8136,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "name": "Property.ObjectFit",
             "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit"
           },
-          "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an <img> or <video>, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
+          "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an `<img>` or `<video>`, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
           "declarations": [
             {
               "name": "objectFit",
@@ -31771,7 +31777,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "Please use `useFormFieldModel` instead"
+      "deprecated": "⚠️ `useTextInputModel` is deprecated and will be removed in a future major version. Please use `useFormFieldModel` instead."
     },
     "type": {
       "kind": "symbol",
@@ -40381,7 +40387,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "name": "Property.ObjectFit",
             "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit"
           },
-          "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an <img> or <video>, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
+          "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an `<img>` or `<video>`, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
           "declarations": [
             {
               "name": "objectFit",
@@ -42182,48 +42188,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "parameter",
           "name": "type",
           "type": {
-            "kind": "type",
-            "typeParameters": [],
-            "value": {
-              "kind": "symbol",
-              "name": "Exclude",
-              "typeParameters": [
-                {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "string",
-                      "value": "alert"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "error"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "common"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "primary"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "success"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "neutral"
-                    }
-                  ]
-                },
-                {
-                  "kind": "string",
-                  "value": "common"
-                }
-              ],
-              "value": "Exclude<T, U>"
-            }
+            "kind": "symbol",
+            "name": "paletteSelection",
+            "value": "paletteSelection"
           },
           "required": true,
           "rest": false,
@@ -42333,48 +42300,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "parameter",
           "name": "type",
           "type": {
-            "kind": "type",
-            "typeParameters": [],
-            "value": {
-              "kind": "symbol",
-              "name": "Exclude",
-              "typeParameters": [
-                {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "string",
-                      "value": "alert"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "error"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "common"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "primary"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "success"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "neutral"
-                    }
-                  ]
-                },
-                {
-                  "kind": "string",
-                  "value": "common"
-                }
-              ],
-              "value": "Exclude<T, U>"
-            }
+            "kind": "symbol",
+            "name": "paletteSelection",
+            "value": "paletteSelection"
           },
           "required": true,
           "rest": false,
@@ -63500,29 +63428,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "align",
           "required": true,
           "type": {
-            "kind": "type",
-            "typeParameters": [],
-            "value": {
-              "kind": "union",
-              "value": [
-                {
-                  "kind": "string",
-                  "value": "start"
-                },
-                {
-                  "kind": "string",
-                  "value": "center"
-                },
-                {
-                  "kind": "string",
-                  "value": "end"
-                },
-                {
-                  "kind": "string",
-                  "value": "auto"
-                }
-              ]
-            }
+            "kind": "symbol",
+            "name": "ScrollAlignment",
+            "value": "ScrollAlignment"
           },
           "description": "",
           "declarations": [
@@ -63555,29 +63463,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "align",
           "required": true,
           "type": {
-            "kind": "type",
-            "typeParameters": [],
-            "value": {
-              "kind": "union",
-              "value": [
-                {
-                  "kind": "string",
-                  "value": "start"
-                },
-                {
-                  "kind": "string",
-                  "value": "center"
-                },
-                {
-                  "kind": "string",
-                  "value": "end"
-                },
-                {
-                  "kind": "string",
-                  "value": "auto"
-                }
-              ]
-            }
+            "kind": "symbol",
+            "name": "ScrollAlignment",
+            "value": "ScrollAlignment"
           },
           "description": "",
           "declarations": [
@@ -63610,29 +63498,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "align",
           "required": true,
           "type": {
-            "kind": "type",
-            "typeParameters": [],
-            "value": {
-              "kind": "union",
-              "value": [
-                {
-                  "kind": "string",
-                  "value": "start"
-                },
-                {
-                  "kind": "string",
-                  "value": "center"
-                },
-                {
-                  "kind": "string",
-                  "value": "end"
-                },
-                {
-                  "kind": "string",
-                  "value": "auto"
-                }
-              ]
-            }
+            "kind": "symbol",
+            "name": "ScrollAlignment",
+            "value": "ScrollAlignment"
           },
           "description": "",
           "declarations": [
@@ -63665,21 +63533,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "key",
           "required": true,
           "type": {
-            "kind": "type",
-            "typeParameters": [],
-            "value": {
-              "kind": "union",
-              "value": [
-                {
-                  "kind": "primitive",
-                  "value": "number"
-                },
-                {
-                  "kind": "primitive",
-                  "value": "string"
-                }
-              ]
-            }
+            "kind": "symbol",
+            "name": "Key",
+            "value": "Key"
           },
           "description": "",
           "declarations": [
@@ -64232,43 +64088,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             ],
             "members": [],
             "returnType": {
-              "kind": "object",
-              "properties": [
-                {
-                  "kind": "property",
-                  "name": "width",
-                  "required": true,
-                  "type": {
-                    "kind": "primitive",
-                    "value": "number"
-                  },
-                  "description": "",
-                  "declarations": [
-                    {
-                      "name": "width",
-                      "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/react-virtual.ts"
-                    }
-                  ],
-                  "tags": {}
-                },
-                {
-                  "kind": "property",
-                  "name": "height",
-                  "required": true,
-                  "type": {
-                    "kind": "primitive",
-                    "value": "number"
-                  },
-                  "description": "",
-                  "declarations": [
-                    {
-                      "name": "height",
-                      "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/react-virtual.ts"
-                    }
-                  ],
-                  "tags": {}
-                }
-              ]
+              "kind": "symbol",
+              "name": "Rect",
+              "value": "Rect"
             }
           },
           "description": "",
@@ -64285,43 +64107,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "initialRect",
           "required": false,
           "type": {
-            "kind": "object",
-            "properties": [
-              {
-                "kind": "property",
-                "name": "width",
-                "required": true,
-                "type": {
-                  "kind": "primitive",
-                  "value": "number"
-                },
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "width",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/react-virtual.ts"
-                  }
-                ],
-                "tags": {}
-              },
-              {
-                "kind": "property",
-                "name": "height",
-                "required": true,
-                "type": {
-                  "kind": "primitive",
-                  "value": "number"
-                },
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "height",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/react-virtual.ts"
-                  }
-                ],
-                "tags": {}
-              }
-            ]
+            "kind": "symbol",
+            "name": "Rect",
+            "value": "Rect"
           },
           "description": "",
           "declarations": [
@@ -64360,21 +64148,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             ],
             "members": [],
             "returnType": {
-              "kind": "type",
-              "typeParameters": [],
-              "value": {
-                "kind": "union",
-                "value": [
-                  {
-                    "kind": "primitive",
-                    "value": "number"
-                  },
-                  {
-                    "kind": "primitive",
-                    "value": "string"
-                  }
-                ]
-              }
+              "kind": "symbol",
+              "name": "Key",
+              "value": "Key"
             }
           },
           "description": "",
@@ -67025,23 +66801,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "kind": "parameter",
                 "name": "model",
                 "type": {
-                  "kind": "type",
-                  "typeParameters": [],
-                  "value": {
-                    "kind": "symbol",
-                    "name": "Pick",
-                    "typeParameters": [
-                      {
-                        "kind": "symbol",
-                        "name": "useCursorListModel"
-                      },
-                      {
-                        "kind": "string",
-                        "value": "state"
-                      }
-                    ],
-                    "value": "Pick<T, K>"
-                  }
+                  "kind": "symbol",
+                  "name": "NavigationInput",
+                  "value": "NavigationInput"
                 },
                 "required": true,
                 "rest": false,
@@ -67306,23 +67068,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "parameter",
             "name": "model",
             "type": {
-              "kind": "type",
-              "typeParameters": [],
-              "value": {
-                "kind": "symbol",
-                "name": "Pick",
-                "typeParameters": [
-                  {
-                    "kind": "symbol",
-                    "name": "useCursorListModel"
-                  },
-                  {
-                    "kind": "string",
-                    "value": "state"
-                  }
-                ],
-                "value": "Pick<T, K>"
-              }
+              "kind": "symbol",
+              "name": "NavigationInput",
+              "value": "NavigationInput"
             },
             "required": true,
             "rest": false,
@@ -67505,23 +67253,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "parameter",
             "name": "__1",
             "type": {
-              "kind": "type",
-              "typeParameters": [],
-              "value": {
-                "kind": "symbol",
-                "name": "Pick",
-                "typeParameters": [
-                  {
-                    "kind": "symbol",
-                    "name": "useCursorListModel"
-                  },
-                  {
-                    "kind": "string",
-                    "value": "state"
-                  }
-                ],
-                "value": "Pick<T, K>"
-              }
+              "kind": "symbol",
+              "name": "NavigationInput",
+              "value": "NavigationInput"
             },
             "required": true,
             "rest": false,
@@ -67628,23 +67362,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "parameter",
             "name": "__1",
             "type": {
-              "kind": "type",
-              "typeParameters": [],
-              "value": {
-                "kind": "symbol",
-                "name": "Pick",
-                "typeParameters": [
-                  {
-                    "kind": "symbol",
-                    "name": "useCursorListModel"
-                  },
-                  {
-                    "kind": "string",
-                    "value": "state"
-                  }
-                ],
-                "value": "Pick<T, K>"
-              }
+              "kind": "symbol",
+              "name": "NavigationInput",
+              "value": "NavigationInput"
             },
             "required": true,
             "rest": false,
@@ -67771,302 +67491,274 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "kind": "parameter",
                 "name": "model",
                 "type": {
-                  "kind": "type",
-                  "typeParameters": [],
-                  "value": {
-                    "kind": "symbol",
-                    "name": "Pick",
-                    "typeParameters": [
-                      {
-                        "kind": "symbol",
-                        "name": "useCursorListModel"
-                      },
-                      {
-                        "kind": "string",
-                        "value": "state"
-                      }
-                    ],
-                    "value": "Pick<T, K>"
-                  }
-                },
-                "required": true,
-                "rest": false,
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "model",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-                  }
-                ],
-                "tags": {}
-              }
-            ],
-            "members": [],
-            "returnType": {
-              "kind": "symbol",
-              "name": "Item",
-              "typeParameters": [
-                {
-                  "kind": "symbol",
-                  "name": "Generic",
-                  "value": "any"
-                }
-              ],
-              "value": "Item<T>"
-            }
-          },
-          "description": "Get an item with the provided `id`.",
-          "declarations": [
-            {
-              "name": "getItem",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getNext",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "Get the next item after the provided `id`. This will be called when the `Right` arrow key is\npressed for RTL languages and when the `Left` arrow is pressed for LTR languages.",
-          "declarations": [
-            {
-              "name": "getNext",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getNextRow",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "**For Grids:** Get the cell in the next row from the provided `id`. This will be called when\nthe `Down` arrow is pressed.",
-          "declarations": [
-            {
-              "name": "getNextRow",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getPrevious",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "Get the previous item before the provided `id`. This will be called when the `Left` arrow key\nis pressed for RTL languages and when the `Right` arrow is pressed for LTR languages.",
-          "declarations": [
-            {
-              "name": "getPrevious",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getPreviousRow",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "**For Grids:** Get the cell in the previous row from the provided `id`. This will be called\nwhen the `Up` arrow is pressed.",
-          "declarations": [
-            {
-              "name": "getPreviousRow",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getFirstOfRow",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "**For Grids:** Get the first item in a row. This will be called when the `Home` key is\npressed.",
-          "declarations": [
-            {
-              "name": "getFirstOfRow",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getLastOfRow",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "**For Grids:** Get the last item in a row. This will be called when the `End` key is\npressed.",
-          "declarations": [
-            {
-              "name": "getLastOfRow",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getNextPage",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "Get the next \"page\". A \"page\" is application specific and usually means next visible screen.\nIf the viewport is scrollable, it would scroll so that the last item visible is now the first\nitem visible. This is called when the `PageDown` key is pressed",
-          "declarations": [
-            {
-              "name": "getNextPage",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getPreviousPage",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "Get the next \"page\". A \"page\" is application specific and usually means previous visible\nscreen. If the viewport is scrollable, it would scroll so that the first item visible is now\nthe last item visible. This is called when the `PageUp` key is pressed",
-          "declarations": [
-            {
-              "name": "getPreviousPage",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        }
-      ]
-    }
-  },
-  {
-    "name": "navigationManager",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx",
-    "description": "The default navigation of grids. This navigation manager will not wrap, but will stop when an\nedge is detected. This could be the last item in a list or the last item of a row in a grid.",
-    "declarations": [
-      {
-        "name": "navigationManager",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "object",
-      "properties": [
-        {
-          "kind": "property",
-          "name": "getFirst",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "Get the first item in a collection. This will be called when the `Home` key is pressed for\nLists and `Ctrl+Home` for Grids.",
-          "declarations": [
-            {
-              "name": "getFirst",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getLast",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "NavigationRequestor",
-            "value": "NavigationRequestor"
-          },
-          "description": "Get the last item in a collection. This will be called when the `End` key is pressed for Lists\nand `Ctrl+End` for Grids.",
-          "declarations": [
-            {
-              "name": "getLast",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "getItem",
-          "required": true,
-          "type": {
-            "kind": "function",
-            "parameters": [
-              {
-                "kind": "parameter",
-                "name": "id",
-                "type": {
-                  "kind": "primitive",
-                  "value": "string"
-                },
-                "required": true,
-                "rest": false,
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "id",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
-                  }
-                ],
-                "tags": {}
-              },
-              {
-                "kind": "parameter",
-                "name": "model",
-                "type": {
-                  "kind": "type",
-                  "typeParameters": [],
-                  "value": {
-                    "kind": "symbol",
-                    "name": "Pick",
-                    "typeParameters": [
-                      {
-                        "kind": "symbol",
-                        "name": "useCursorListModel"
-                      },
-                      {
-                        "kind": "string",
-                        "value": "state"
-                      }
-                    ],
-                    "value": "Pick<T, K>"
+                  "kind": "symbol",
+                  "name": "NavigationInput",
+                  "value": "NavigationInput"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "model",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
                   }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "symbol",
+              "name": "Item",
+              "typeParameters": [
+                {
+                  "kind": "symbol",
+                  "name": "Generic",
+                  "value": "any"
+                }
+              ],
+              "value": "Item<T>"
+            }
+          },
+          "description": "Get an item with the provided `id`.",
+          "declarations": [
+            {
+              "name": "getItem",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getNext",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "Get the next item after the provided `id`. This will be called when the `Right` arrow key is\npressed for RTL languages and when the `Left` arrow is pressed for LTR languages.",
+          "declarations": [
+            {
+              "name": "getNext",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getNextRow",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "**For Grids:** Get the cell in the next row from the provided `id`. This will be called when\nthe `Down` arrow is pressed.",
+          "declarations": [
+            {
+              "name": "getNextRow",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getPrevious",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "Get the previous item before the provided `id`. This will be called when the `Left` arrow key\nis pressed for RTL languages and when the `Right` arrow is pressed for LTR languages.",
+          "declarations": [
+            {
+              "name": "getPrevious",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getPreviousRow",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "**For Grids:** Get the cell in the previous row from the provided `id`. This will be called\nwhen the `Up` arrow is pressed.",
+          "declarations": [
+            {
+              "name": "getPreviousRow",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getFirstOfRow",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "**For Grids:** Get the first item in a row. This will be called when the `Home` key is\npressed.",
+          "declarations": [
+            {
+              "name": "getFirstOfRow",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getLastOfRow",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "**For Grids:** Get the last item in a row. This will be called when the `End` key is\npressed.",
+          "declarations": [
+            {
+              "name": "getLastOfRow",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getNextPage",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "Get the next \"page\". A \"page\" is application specific and usually means next visible screen.\nIf the viewport is scrollable, it would scroll so that the last item visible is now the first\nitem visible. This is called when the `PageDown` key is pressed",
+          "declarations": [
+            {
+              "name": "getNextPage",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getPreviousPage",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "Get the next \"page\". A \"page\" is application specific and usually means previous visible\nscreen. If the viewport is scrollable, it would scroll so that the first item visible is now\nthe last item visible. This is called when the `PageUp` key is pressed",
+          "declarations": [
+            {
+              "name": "getPreviousPage",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        }
+      ]
+    }
+  },
+  {
+    "name": "navigationManager",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx",
+    "description": "The default navigation of grids. This navigation manager will not wrap, but will stop when an\nedge is detected. This could be the last item in a list or the last item of a row in a grid.",
+    "declarations": [
+      {
+        "name": "navigationManager",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "getFirst",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "Get the first item in a collection. This will be called when the `Home` key is pressed for\nLists and `Ctrl+Home` for Grids.",
+          "declarations": [
+            {
+              "name": "getFirst",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getLast",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "NavigationRequestor",
+            "value": "NavigationRequestor"
+          },
+          "description": "Get the last item in a collection. This will be called when the `End` key is pressed for Lists\nand `Ctrl+End` for Grids.",
+          "declarations": [
+            {
+              "name": "getLast",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getItem",
+          "required": true,
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "id",
+                "type": {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "id",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
+                  }
+                ],
+                "tags": {}
+              },
+              {
+                "kind": "parameter",
+                "name": "model",
+                "type": {
+                  "kind": "symbol",
+                  "name": "NavigationInput",
+                  "value": "NavigationInput"
                 },
                 "required": true,
                 "rest": false,
@@ -107499,19 +107191,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "typeParameter",
           "name": "T",
           "constraint": {
-            "kind": "type",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "T",
-                "required": true
-              }
-            ],
-            "value": {
-              "kind": "unknown",
-              "value": "unknown",
-              "text": "{\n  [P in keyof T]: Partial<Record<BreakpointKeys, AllStyleProps>> &\n    AllStyleProps;\n}"
-            }
+            "kind": "symbol",
+            "name": "ResponsiveCSSObject",
+            "value": "ResponsiveCSSObject<T>"
           },
           "required": true
         }
@@ -107521,19 +107203,15 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "parameter",
           "name": "styles",
           "type": {
-            "kind": "type",
+            "kind": "symbol",
+            "name": "ResponsiveCSSObject",
             "typeParameters": [
               {
-                "kind": "typeParameter",
-                "name": "T",
-                "required": true
+                "kind": "generic",
+                "name": "T"
               }
             ],
-            "value": {
-              "kind": "unknown",
-              "value": "unknown",
-              "text": "{\n  [P in keyof T]: Partial<Record<BreakpointKeys, AllStyleProps>> &\n    AllStyleProps;\n}"
-            }
+            "value": "ResponsiveCSSObject<T>"
           },
           "required": true,
           "rest": false,
@@ -109447,19 +109125,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "kind": "type",
       "typeParameters": [],
       "value": {
-        "kind": "type",
-        "typeParameters": [
-          {
-            "kind": "typeParameter",
-            "name": "T",
-            "required": true
-          }
-        ],
-        "value": {
-          "kind": "unknown",
-          "value": "unknown",
-          "text": "{\n  [P in keyof T]?: RecursivePartial<T[P]>;\n}"
-        }
+        "kind": "symbol",
+        "name": "RecursivePartial",
+        "value": "RecursivePartial<CanvasTheme>"
       }
     }
   },
@@ -109478,19 +109146,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "kind": "type",
       "typeParameters": [],
       "value": {
-        "kind": "type",
-        "typeParameters": [
-          {
-            "kind": "typeParameter",
-            "name": "T",
-            "required": true
-          }
-        ],
-        "value": {
-          "kind": "unknown",
-          "value": "unknown",
-          "text": "{\n  [P in keyof T]?: RecursivePartial<T[P]>;\n}"
-        }
+        "kind": "symbol",
+        "name": "RecursivePartial",
+        "value": "RecursivePartial<CanvasThemePalette>"
       }
     }
   },
@@ -109756,48 +109414,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "parameter",
           "name": "type",
           "type": {
-            "kind": "type",
-            "typeParameters": [],
-            "value": {
-              "kind": "symbol",
-              "name": "Exclude",
-              "typeParameters": [
-                {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "string",
-                      "value": "alert"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "error"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "common"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "primary"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "success"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "neutral"
-                    }
-                  ]
-                },
-                {
-                  "kind": "string",
-                  "value": "common"
-                }
-              ],
-              "value": "Exclude<T, U>"
-            }
+            "kind": "symbol",
+            "name": "paletteSelection",
+            "value": "paletteSelection"
           },
           "required": true,
           "rest": false,
@@ -109890,48 +109509,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "parameter",
           "name": "type",
           "type": {
-            "kind": "type",
-            "typeParameters": [],
-            "value": {
-              "kind": "symbol",
-              "name": "Exclude",
-              "typeParameters": [
-                {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "string",
-                      "value": "alert"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "error"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "common"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "primary"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "success"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "neutral"
-                    }
-                  ]
-                },
-                {
-                  "kind": "string",
-                  "value": "common"
-                }
-              ],
-              "value": "Exclude<T, U>"
-            }
+            "kind": "symbol",
+            "name": "paletteSelection",
+            "value": "paletteSelection"
           },
           "required": true,
           "rest": false,
@@ -110719,8 +110299,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "name": "React.ComponentProps",
                 "typeParameters": [
                   {
-                    "kind": "generic",
-                    "name": "ElementType"
+                    "kind": "symbol",
+                    "name": "ElementType",
+                    "value": "ElementType"
                   }
                 ],
                 "value": "ComponentProps<T>"
@@ -111865,306 +111446,26 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "kind": "parameter",
               "name": "Component",
               "type": {
-                "kind": "function",
-                "parameters": [
-                  {
-                    "kind": "parameter",
-                    "name": "props",
-                    "type": {
-                      "kind": "type",
-                      "typeParameters": [
-                        {
-                          "kind": "typeParameter",
-                          "name": "Props",
-                          "required": true
-                        },
-                        {
-                          "kind": "typeParameter",
-                          "name": "TElemPropsHook",
-                          "required": true
-                        },
-                        {
-                          "kind": "typeParameter",
-                          "name": "E",
-                          "required": true
-                        }
-                      ],
-                      "value": {
-                        "kind": "intersection",
-                        "value": [
-                          {
-                            "kind": "generic",
-                            "name": "Props"
-                          },
-                          {
-                            "kind": "parenthesis",
-                            "value": {
-                              "kind": "conditional",
-                              "check": {
-                                "kind": "generic",
-                                "name": "TElemPropsHook"
-                              },
-                              "extends": {
-                                "kind": "function",
-                                "parameters": [
-                                  {
-                                    "kind": "parameter",
-                                    "name": "args",
-                                    "type": {
-                                      "kind": "array",
-                                      "value": {
-                                        "kind": "primitive",
-                                        "value": "any"
-                                      }
-                                    },
-                                    "required": true,
-                                    "rest": true,
-                                    "description": "",
-                                    "declarations": [
-                                      {
-                                        "name": "args",
-                                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                                      }
-                                    ],
-                                    "tags": {}
-                                  }
-                                ],
-                                "members": [],
-                                "returnType": {
-                                  "kind": "infer",
-                                  "value": {
-                                    "kind": "typeParameter",
-                                    "name": "TProps",
-                                    "required": true
-                                  }
-                                }
-                              },
-                              "trueType": {
-                                "kind": "type",
-                                "typeParameters": [
-                                  {
-                                    "kind": "typeParameter",
-                                    "name": "T",
-                                    "required": true
-                                  }
-                                ],
-                                "value": {
-                                  "kind": "unknown",
-                                  "value": "unknown",
-                                  "text": "{[K in keyof T]: Exclude<T[K], null>}"
-                                }
-                              },
-                              "falseType": {
-                                "kind": "object",
-                                "properties": [
-                                  {
-                                    "kind": "property",
-                                    "name": "ref",
-                                    "required": true,
-                                    "type": {
-                                      "kind": "generic",
-                                      "name": "ExtractRef"
-                                    },
-                                    "description": "",
-                                    "declarations": [
-                                      {
-                                        "name": "ref",
-                                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                                      }
-                                    ],
-                                    "tags": {}
-                                  }
-                                ]
-                              }
-                            }
-                          },
-                          {
-                            "kind": "parenthesis",
-                            "value": {
-                              "kind": "conditional",
-                              "check": {
-                                "kind": "generic",
-                                "name": "Props"
-                              },
-                              "extends": {
-                                "kind": "object",
-                                "properties": [
-                                  {
-                                    "kind": "property",
-                                    "name": "children",
-                                    "required": true,
-                                    "type": {
-                                      "kind": "primitive",
-                                      "value": "any"
-                                    },
-                                    "description": "",
-                                    "declarations": [
-                                      {
-                                        "name": "children",
-                                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                                      }
-                                    ],
-                                    "tags": {}
-                                  }
-                                ]
-                              },
-                              "trueType": {
-                                "kind": "object",
-                                "properties": []
-                              },
-                              "falseType": {
-                                "kind": "object",
-                                "properties": [
-                                  {
-                                    "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/react/common/lib/utils/components.ts"
-                                      }
-                                    ],
-                                    "tags": {}
-                                  }
-                                ]
-                              }
-                            }
-                          }
-                        ]
-                      }
-                    },
-                    "required": true,
-                    "rest": false,
-                    "description": "",
-                    "declarations": [
-                      {
-                        "name": "props",
-                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                      }
-                    ],
-                    "tags": {}
-                  },
+                "kind": "component",
+                "props": [
                   {
-                    "kind": "parameter",
-                    "name": "Element",
-                    "type": {
-                      "kind": "conditional",
-                      "check": {
-                        "kind": "generic",
-                        "name": "E"
-                      },
-                      "extends": {
-                        "kind": "primitive",
-                        "value": "undefined"
-                      },
-                      "trueType": {
-                        "kind": "primitive",
-                        "value": "never"
-                      },
-                      "falseType": {
-                        "kind": "generic",
-                        "name": "E"
-                      }
-                    },
+                    "kind": "property",
+                    "name": "ref",
                     "required": true,
-                    "rest": false,
-                    "description": "",
-                    "declarations": [
-                      {
-                        "name": "Element",
-                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                      }
-                    ],
-                    "tags": {}
-                  },
-                  {
-                    "kind": "parameter",
-                    "name": "model",
                     "type": {
-                      "kind": "conditional",
-                      "check": {
-                        "kind": "generic",
-                        "name": "TModelHook"
-                      },
-                      "extends": {
-                        "kind": "function",
-                        "parameters": [
-                          {
-                            "kind": "parameter",
-                            "name": "config",
-                            "type": {
-                              "kind": "infer",
-                              "value": {
-                                "kind": "typeParameter",
-                                "name": "TConfig",
-                                "required": true
-                              }
-                            },
-                            "required": true,
-                            "rest": false,
-                            "description": "",
-                            "declarations": [
-                              {
-                                "name": "config",
-                                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                              }
-                            ],
-                            "tags": {}
-                          }
-                        ],
-                        "members": [],
-                        "returnType": {
-                          "kind": "infer",
-                          "value": {
-                            "kind": "typeParameter",
-                            "name": "TModel",
-                            "required": true
-                          }
-                        }
-                      },
-                      "trueType": {
-                        "kind": "generic",
-                        "name": "TModel"
-                      },
-                      "falseType": {
-                        "kind": "primitive",
-                        "value": "never"
-                      }
+                      "kind": "generic",
+                      "name": "ExtractRef"
                     },
-                    "required": true,
-                    "rest": false,
                     "description": "",
                     "declarations": [
                       {
-                        "name": "model",
+                        "name": "ref",
                         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
                       }
                     ],
                     "tags": {}
                   }
-                ],
-                "members": [],
-                "returnType": {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "external",
-                      "name": "Element",
-                      "url": "https://reactjs.org/docs/rendering-elements.html"
-                    },
-                    {
-                      "kind": "primitive",
-                      "value": "null"
-                    }
-                  ]
-                }
+                ]
               },
               "required": true,
               "rest": false,
@@ -112530,7 +111831,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                     }
                   ],
                   "tags": {
-                    "deprecated": "You no longer need to use displayName. A `displayName` will be automatically added if it belongs to a container"
+                    "deprecated": "⚠️ `displayName` has been deprecated and will be removed in a future major version. You no longer need to use `displayName`. A `displayName` will be automatically added if it belongs to a container."
                   }
                 },
                 {
@@ -112617,305 +111918,26 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "kind": "parameter",
               "name": "Component",
               "type": {
-                "kind": "function",
-                "parameters": [
-                  {
-                    "kind": "parameter",
-                    "name": "props",
-                    "type": {
-                      "kind": "type",
-                      "typeParameters": [
-                        {
-                          "kind": "typeParameter",
-                          "name": "Props",
-                          "required": true
-                        },
-                        {
-                          "kind": "typeParameter",
-                          "name": "TElemPropsHook",
-                          "required": true
-                        },
-                        {
-                          "kind": "typeParameter",
-                          "name": "E",
-                          "required": true
-                        }
-                      ],
-                      "value": {
-                        "kind": "intersection",
-                        "value": [
-                          {
-                            "kind": "generic",
-                            "name": "Props"
-                          },
-                          {
-                            "kind": "parenthesis",
-                            "value": {
-                              "kind": "conditional",
-                              "check": {
-                                "kind": "generic",
-                                "name": "TElemPropsHook"
-                              },
-                              "extends": {
-                                "kind": "function",
-                                "parameters": [
-                                  {
-                                    "kind": "parameter",
-                                    "name": "args",
-                                    "type": {
-                                      "kind": "array",
-                                      "value": {
-                                        "kind": "primitive",
-                                        "value": "any"
-                                      }
-                                    },
-                                    "required": true,
-                                    "rest": true,
-                                    "description": "",
-                                    "declarations": [
-                                      {
-                                        "name": "args",
-                                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                                      }
-                                    ],
-                                    "tags": {}
-                                  }
-                                ],
-                                "members": [],
-                                "returnType": {
-                                  "kind": "infer",
-                                  "value": {
-                                    "kind": "typeParameter",
-                                    "name": "TProps",
-                                    "required": true
-                                  }
-                                }
-                              },
-                              "trueType": {
-                                "kind": "type",
-                                "typeParameters": [
-                                  {
-                                    "kind": "typeParameter",
-                                    "name": "T",
-                                    "required": true
-                                  }
-                                ],
-                                "value": {
-                                  "kind": "unknown",
-                                  "value": "unknown",
-                                  "text": "{[K in keyof T]: Exclude<T[K], null>}"
-                                }
-                              },
-                              "falseType": {
-                                "kind": "object",
-                                "properties": [
-                                  {
-                                    "kind": "property",
-                                    "name": "ref",
-                                    "required": true,
-                                    "type": {
-                                      "kind": "generic",
-                                      "name": "ExtractRef"
-                                    },
-                                    "description": "",
-                                    "declarations": [
-                                      {
-                                        "name": "ref",
-                                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                                      }
-                                    ],
-                                    "tags": {}
-                                  }
-                                ]
-                              }
-                            }
-                          },
-                          {
-                            "kind": "parenthesis",
-                            "value": {
-                              "kind": "conditional",
-                              "check": {
-                                "kind": "generic",
-                                "name": "Props"
-                              },
-                              "extends": {
-                                "kind": "object",
-                                "properties": [
-                                  {
-                                    "kind": "property",
-                                    "name": "children",
-                                    "required": true,
-                                    "type": {
-                                      "kind": "primitive",
-                                      "value": "any"
-                                    },
-                                    "description": "",
-                                    "declarations": [
-                                      {
-                                        "name": "children",
-                                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                                      }
-                                    ],
-                                    "tags": {}
-                                  }
-                                ]
-                              },
-                              "trueType": {
-                                "kind": "object",
-                                "properties": []
-                              },
-                              "falseType": {
-                                "kind": "object",
-                                "properties": [
-                                  {
-                                    "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/react/common/lib/utils/components.ts"
-                                      }
-                                    ],
-                                    "tags": {}
-                                  }
-                                ]
-                              }
-                            }
-                          }
-                        ]
-                      }
-                    },
-                    "required": true,
-                    "rest": false,
-                    "description": "",
-                    "declarations": [
-                      {
-                        "name": "props",
-                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                      }
-                    ],
-                    "tags": {}
-                  },
+                "kind": "component",
+                "props": [
                   {
-                    "kind": "parameter",
-                    "name": "Element",
-                    "type": {
-                      "kind": "conditional",
-                      "check": {
-                        "kind": "generic",
-                        "name": "E"
-                      },
-                      "extends": {
-                        "kind": "primitive",
-                        "value": "undefined"
-                      },
-                      "trueType": {
-                        "kind": "primitive",
-                        "value": "never"
-                      },
-                      "falseType": {
-                        "kind": "generic",
-                        "name": "E"
-                      }
-                    },
+                    "kind": "property",
+                    "name": "ref",
                     "required": true,
-                    "rest": false,
-                    "description": "",
-                    "declarations": [
-                      {
-                        "name": "Element",
-                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                      }
-                    ],
-                    "tags": {}
-                  },
-                  {
-                    "kind": "parameter",
-                    "name": "model",
                     "type": {
-                      "kind": "conditional",
-                      "check": {
-                        "kind": "generic",
-                        "name": "TModelHook"
-                      },
-                      "extends": {
-                        "kind": "function",
-                        "parameters": [
-                          {
-                            "kind": "parameter",
-                            "name": "args",
-                            "type": {
-                              "kind": "array",
-                              "value": {
-                                "kind": "primitive",
-                                "value": "any"
-                              }
-                            },
-                            "required": true,
-                            "rest": true,
-                            "description": "",
-                            "declarations": [
-                              {
-                                "name": "args",
-                                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                              }
-                            ],
-                            "tags": {}
-                          }
-                        ],
-                        "members": [],
-                        "returnType": {
-                          "kind": "infer",
-                          "value": {
-                            "kind": "typeParameter",
-                            "name": "TModel",
-                            "required": true
-                          }
-                        }
-                      },
-                      "trueType": {
-                        "kind": "generic",
-                        "name": "TModel"
-                      },
-                      "falseType": {
-                        "kind": "primitive",
-                        "value": "never"
-                      }
+                      "kind": "generic",
+                      "name": "ExtractRef"
                     },
-                    "required": true,
-                    "rest": false,
                     "description": "",
                     "declarations": [
                       {
-                        "name": "model",
+                        "name": "ref",
                         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
                       }
                     ],
                     "tags": {}
                   }
-                ],
-                "members": [],
-                "returnType": {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "external",
-                      "name": "Element",
-                      "url": "https://reactjs.org/docs/rendering-elements.html"
-                    },
-                    {
-                      "kind": "primitive",
-                      "value": "null"
-                    }
-                  ]
-                }
+                ]
               },
               "required": true,
               "rest": false,
@@ -113157,9 +112179,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                   "name": "Component",
                   "required": true,
                   "type": {
-                    "kind": "unknown",
-                    "value": "unknown",
-                    "text": "interface RefForwardingComponent<T, P = {}> {\n  (\n    props: React.PropsWithChildren<P>,\n    /**\n     * A ref to be forwarded. Pass it along to the root element. If no element was passed, this\n     * will result in a `never`\n     */\n    ref: ExtractRef<T>,\n    /**\n     * An element - either a JSX element or a `ElementComponent`. This should be passed as an `as`\n     * to a root element or be the root element. If no element was passed, this will result in a\n     * `never`\n     */\n    Element: T extends undefined ? never : T\n  ): JSX.Element | null;\n}"
+                    "kind": "symbol",
+                    "name": "RefForwardingComponent",
+                    "value": "RefForwardingComponent<E, P>"
                   },
                   "description": "The component function. The function looks like:",
                   "declarations": [
@@ -113762,7 +112784,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "use `createSubModelElemPropsHook` instead"
+      "deprecated": "⚠️ `subModelHook` has been deprecated and will be removed in a future major version. Please use `createSubModelElemPropsHook` instead."
     },
     "type": {
       "kind": "function",
@@ -115026,78 +114048,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "name": "H2"
           },
           "extends": {
-            "kind": "object",
-            "properties": [
+            "kind": "symbol",
+            "name": "BaseHook",
+            "typeParameters": [
               {
-                "kind": "property",
-                "name": "__model",
-                "required": true,
-                "type": {
-                  "kind": "generic",
-                  "name": "M"
-                },
-                "description": "Capture the model type in TypeScript only. Do not use in runtime!",
-                "declarations": [
-                  {
-                    "name": "__model",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                  }
-                ],
-                "tags": {
-                  "private": ""
-                }
+                "kind": "primitive",
+                "value": "any"
               },
               {
-                "kind": "property",
-                "name": "__output",
-                "required": true,
-                "type": {
-                  "kind": "generic",
-                  "name": "O"
-                },
-                "description": "Capture the hook's output type in TypeScript only. Do not use in runtime! This is used to cache\nand speed up the output types during inference",
-                "declarations": [
-                  {
-                    "name": "__output",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                  }
-                ],
-                "tags": {
-                  "private": ""
+                "kind": "infer",
+                "value": {
+                  "kind": "typeParameter",
+                  "name": "O2",
+                  "required": true
                 }
               }
             ],
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "M",
-                "constraint": {
-                  "kind": "symbol",
-                  "name": "Model",
-                  "typeParameters": [
-                    {
-                      "kind": "primitive",
-                      "value": "any"
-                    },
-                    {
-                      "kind": "primitive",
-                      "value": "any"
-                    }
-                  ],
-                  "value": "Model<State, Events>"
-                },
-                "required": true
-              },
-              {
-                "kind": "typeParameter",
-                "name": "O",
-                "constraint": {
-                  "kind": "object",
-                  "properties": []
-                },
-                "required": true
-              }
-            ]
+            "value": "BaseHook<M, O>"
           },
           "trueType": {
             "kind": "conditional",
@@ -115106,78 +114073,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "name": "H3"
             },
             "extends": {
-              "kind": "object",
-              "properties": [
+              "kind": "symbol",
+              "name": "BaseHook",
+              "typeParameters": [
                 {
-                  "kind": "property",
-                  "name": "__model",
-                  "required": true,
-                  "type": {
-                    "kind": "generic",
-                    "name": "M"
-                  },
-                  "description": "Capture the model type in TypeScript only. Do not use in runtime!",
-                  "declarations": [
-                    {
-                      "name": "__model",
-                      "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                    }
-                  ],
-                  "tags": {
-                    "private": ""
-                  }
+                  "kind": "primitive",
+                  "value": "any"
                 },
                 {
-                  "kind": "property",
-                  "name": "__output",
-                  "required": true,
-                  "type": {
-                    "kind": "generic",
-                    "name": "O"
-                  },
-                  "description": "Capture the hook's output type in TypeScript only. Do not use in runtime! This is used to cache\nand speed up the output types during inference",
-                  "declarations": [
-                    {
-                      "name": "__output",
-                      "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                    }
-                  ],
-                  "tags": {
-                    "private": ""
+                  "kind": "infer",
+                  "value": {
+                    "kind": "typeParameter",
+                    "name": "O3",
+                    "required": true
                   }
                 }
               ],
-              "typeParameters": [
-                {
-                  "kind": "typeParameter",
-                  "name": "M",
-                  "constraint": {
-                    "kind": "symbol",
-                    "name": "Model",
-                    "typeParameters": [
-                      {
-                        "kind": "primitive",
-                        "value": "any"
-                      },
-                      {
-                        "kind": "primitive",
-                        "value": "any"
-                      }
-                    ],
-                    "value": "Model<State, Events>"
-                  },
-                  "required": true
-                },
-                {
-                  "kind": "typeParameter",
-                  "name": "O",
-                  "constraint": {
-                    "kind": "object",
-                    "properties": []
-                  },
-                  "required": true
-                }
-              ]
+              "value": "BaseHook<M, O>"
             },
             "trueType": {
               "kind": "conditional",
@@ -115186,78 +114098,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "name": "H4"
               },
               "extends": {
-                "kind": "object",
-                "properties": [
+                "kind": "symbol",
+                "name": "BaseHook",
+                "typeParameters": [
                   {
-                    "kind": "property",
-                    "name": "__model",
-                    "required": true,
-                    "type": {
-                      "kind": "generic",
-                      "name": "M"
-                    },
-                    "description": "Capture the model type in TypeScript only. Do not use in runtime!",
-                    "declarations": [
-                      {
-                        "name": "__model",
-                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                      }
-                    ],
-                    "tags": {
-                      "private": ""
-                    }
+                    "kind": "primitive",
+                    "value": "any"
                   },
                   {
-                    "kind": "property",
-                    "name": "__output",
-                    "required": true,
-                    "type": {
-                      "kind": "generic",
-                      "name": "O"
-                    },
-                    "description": "Capture the hook's output type in TypeScript only. Do not use in runtime! This is used to cache\nand speed up the output types during inference",
-                    "declarations": [
-                      {
-                        "name": "__output",
-                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                      }
-                    ],
-                    "tags": {
-                      "private": ""
+                    "kind": "infer",
+                    "value": {
+                      "kind": "typeParameter",
+                      "name": "O4",
+                      "required": true
                     }
                   }
                 ],
-                "typeParameters": [
-                  {
-                    "kind": "typeParameter",
-                    "name": "M",
-                    "constraint": {
-                      "kind": "symbol",
-                      "name": "Model",
-                      "typeParameters": [
-                        {
-                          "kind": "primitive",
-                          "value": "any"
-                        },
-                        {
-                          "kind": "primitive",
-                          "value": "any"
-                        }
-                      ],
-                      "value": "Model<State, Events>"
-                    },
-                    "required": true
-                  },
-                  {
-                    "kind": "typeParameter",
-                    "name": "O",
-                    "constraint": {
-                      "kind": "object",
-                      "properties": []
-                    },
-                    "required": true
-                  }
-                ]
+                "value": "BaseHook<M, O>"
               },
               "trueType": {
                 "kind": "conditional",
@@ -115266,78 +114123,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                   "name": "H5"
                 },
                 "extends": {
-                  "kind": "object",
-                  "properties": [
+                  "kind": "symbol",
+                  "name": "BaseHook",
+                  "typeParameters": [
                     {
-                      "kind": "property",
-                      "name": "__model",
-                      "required": true,
-                      "type": {
-                        "kind": "generic",
-                        "name": "M"
-                      },
-                      "description": "Capture the model type in TypeScript only. Do not use in runtime!",
-                      "declarations": [
-                        {
-                          "name": "__model",
-                          "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                        }
-                      ],
-                      "tags": {
-                        "private": ""
-                      }
+                      "kind": "primitive",
+                      "value": "any"
                     },
                     {
-                      "kind": "property",
-                      "name": "__output",
-                      "required": true,
-                      "type": {
-                        "kind": "generic",
-                        "name": "O"
-                      },
-                      "description": "Capture the hook's output type in TypeScript only. Do not use in runtime! This is used to cache\nand speed up the output types during inference",
-                      "declarations": [
-                        {
-                          "name": "__output",
-                          "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                        }
-                      ],
-                      "tags": {
-                        "private": ""
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "O5",
+                        "required": true
                       }
                     }
                   ],
-                  "typeParameters": [
-                    {
-                      "kind": "typeParameter",
-                      "name": "M",
-                      "constraint": {
-                        "kind": "symbol",
-                        "name": "Model",
-                        "typeParameters": [
-                          {
-                            "kind": "primitive",
-                            "value": "any"
-                          },
-                          {
-                            "kind": "primitive",
-                            "value": "any"
-                          }
-                        ],
-                        "value": "Model<State, Events>"
-                      },
-                      "required": true
-                    },
-                    {
-                      "kind": "typeParameter",
-                      "name": "O",
-                      "constraint": {
-                        "kind": "object",
-                        "properties": []
-                      },
-                      "required": true
-                    }
-                  ]
+                  "value": "BaseHook<M, O>"
                 },
                 "trueType": {
                   "kind": "conditional",
@@ -115346,78 +114148,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                     "name": "H6"
                   },
                   "extends": {
-                    "kind": "object",
-                    "properties": [
+                    "kind": "symbol",
+                    "name": "BaseHook",
+                    "typeParameters": [
                       {
-                        "kind": "property",
-                        "name": "__model",
-                        "required": true,
-                        "type": {
-                          "kind": "generic",
-                          "name": "M"
-                        },
-                        "description": "Capture the model type in TypeScript only. Do not use in runtime!",
-                        "declarations": [
-                          {
-                            "name": "__model",
-                            "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                          }
-                        ],
-                        "tags": {
-                          "private": ""
-                        }
+                        "kind": "primitive",
+                        "value": "any"
                       },
                       {
-                        "kind": "property",
-                        "name": "__output",
-                        "required": true,
-                        "type": {
-                          "kind": "generic",
-                          "name": "O"
-                        },
-                        "description": "Capture the hook's output type in TypeScript only. Do not use in runtime! This is used to cache\nand speed up the output types during inference",
-                        "declarations": [
-                          {
-                            "name": "__output",
-                            "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
-                          }
-                        ],
-                        "tags": {
-                          "private": ""
+                        "kind": "infer",
+                        "value": {
+                          "kind": "typeParameter",
+                          "name": "O6",
+                          "required": true
                         }
                       }
                     ],
-                    "typeParameters": [
-                      {
-                        "kind": "typeParameter",
-                        "name": "M",
-                        "constraint": {
-                          "kind": "symbol",
-                          "name": "Model",
-                          "typeParameters": [
-                            {
-                              "kind": "primitive",
-                              "value": "any"
-                            },
-                            {
-                              "kind": "primitive",
-                              "value": "any"
-                            }
-                          ],
-                          "value": "Model<State, Events>"
-                        },
-                        "required": true
-                      },
-                      {
-                        "kind": "typeParameter",
-                        "name": "O",
-                        "constraint": {
-                          "kind": "object",
-                          "properties": []
-                        },
-                        "required": true
-                      }
-                    ]
+                    "value": "BaseHook<M, O>"
                   },
                   "trueType": {
                     "kind": "symbol",
@@ -116615,7 +115362,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "The returned model is now inferred from `createModelHook`"
+      "deprecated": "⚠️ `Model` has been deprecated and will be removed in a future major version. The returned model is now inferred from `createModelHook`."
     },
     "type": {
       "kind": "object",
@@ -116722,7 +115469,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     ],
     "tags": {
       "example": "type ModelConfig = {\n  // additional config your model requires goes here\n  id?: string\n} & Partial<ToModelConfig<State, Events, typeof eventMap>>",
-      "deprecated": "`createModelHook` now infers the config type"
+      "deprecated": "⚠️ `ToModelConfig` has been deprecated and will be removed in a future major version. Please use `createModelHook` instead since it infers the config type."
     },
     "type": {
       "kind": "type",
@@ -116839,45 +115586,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "kind": "typeParameter",
                 "name": "TEvents",
                 "constraint": {
-                  "kind": "object",
-                  "properties": [],
-                  "indexSignature": {
-                    "kind": "indexSignature",
-                    "name": "key",
-                    "type": {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    "value": {
-                      "kind": "function",
-                      "parameters": [
-                        {
-                          "kind": "parameter",
-                          "name": "data",
-                          "type": {
-                            "kind": "unknown",
-                            "value": "unknown",
-                            "text": "object"
-                          },
-                          "required": false,
-                          "rest": false,
-                          "description": "",
-                          "declarations": [
-                            {
-                              "name": "data",
-                              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                            }
-                          ],
-                          "tags": {}
-                        }
-                      ],
-                      "members": [],
-                      "returnType": {
-                        "kind": "primitive",
-                        "value": "void"
-                      }
-                    }
-                  }
+                  "kind": "symbol",
+                  "name": "IEvent",
+                  "value": "IEvent"
                 },
                 "required": true
               },
@@ -116932,198 +115643,14 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "kind": "intersection",
         "value": [
           {
-            "kind": "type",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "TState",
-                "constraint": {
-                  "kind": "external",
-                  "name": "Record",
-                  "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                  "typeParameters": [
-                    {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    {
-                      "kind": "primitive",
-                      "value": "any"
-                    }
-                  ]
-                },
-                "required": true
-              },
-              {
-                "kind": "typeParameter",
-                "name": "TEvents",
-                "constraint": {
-                  "kind": "object",
-                  "properties": [],
-                  "indexSignature": {
-                    "kind": "indexSignature",
-                    "name": "key",
-                    "type": {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    "value": {
-                      "kind": "function",
-                      "parameters": [
-                        {
-                          "kind": "parameter",
-                          "name": "data",
-                          "type": {
-                            "kind": "unknown",
-                            "value": "unknown",
-                            "text": "object"
-                          },
-                          "required": false,
-                          "rest": false,
-                          "description": "",
-                          "declarations": [
-                            {
-                              "name": "data",
-                              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                            }
-                          ],
-                          "tags": {}
-                        }
-                      ],
-                      "members": [],
-                      "returnType": {
-                        "kind": "primitive",
-                        "value": "void"
-                      }
-                    }
-                  }
-                },
-                "required": true
-              },
-              {
-                "kind": "typeParameter",
-                "name": "TGuardMap",
-                "constraint": {
-                  "kind": "external",
-                  "name": "Record",
-                  "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                  "typeParameters": [
-                    {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    {
-                      "kind": "unknown",
-                      "value": "unknown",
-                      "text": "keyof TEvents"
-                    }
-                  ]
-                },
-                "required": true
-              }
-            ],
-            "value": {
-              "kind": "unknown",
-              "value": "unknown",
-              "text": "{\n  [K in keyof TGuardMap]: (event: {\n    data: Parameters<TEvents[TGuardMap[K]]>[0];\n    state: TState;\n  }) => boolean;\n}"
-            }
+            "kind": "symbol",
+            "name": "ToGuardConfig",
+            "value": "ToGuardConfig<TState, TEvents, TEventMap[\"guards\"]>"
           },
           {
-            "kind": "type",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "TState",
-                "constraint": {
-                  "kind": "external",
-                  "name": "Record",
-                  "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                  "typeParameters": [
-                    {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    {
-                      "kind": "primitive",
-                      "value": "any"
-                    }
-                  ]
-                },
-                "required": true
-              },
-              {
-                "kind": "typeParameter",
-                "name": "TEvents",
-                "constraint": {
-                  "kind": "object",
-                  "properties": [],
-                  "indexSignature": {
-                    "kind": "indexSignature",
-                    "name": "key",
-                    "type": {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    "value": {
-                      "kind": "function",
-                      "parameters": [
-                        {
-                          "kind": "parameter",
-                          "name": "data",
-                          "type": {
-                            "kind": "unknown",
-                            "value": "unknown",
-                            "text": "object"
-                          },
-                          "required": false,
-                          "rest": false,
-                          "description": "",
-                          "declarations": [
-                            {
-                              "name": "data",
-                              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                            }
-                          ],
-                          "tags": {}
-                        }
-                      ],
-                      "members": [],
-                      "returnType": {
-                        "kind": "primitive",
-                        "value": "void"
-                      }
-                    }
-                  }
-                },
-                "required": true
-              },
-              {
-                "kind": "typeParameter",
-                "name": "TCallbackMap",
-                "constraint": {
-                  "kind": "external",
-                  "name": "Record",
-                  "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                  "typeParameters": [
-                    {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    {
-                      "kind": "unknown",
-                      "value": "unknown",
-                      "text": "keyof TEvents"
-                    }
-                  ]
-                },
-                "required": true
-              }
-            ],
-            "value": {
-              "kind": "unknown",
-              "value": "unknown",
-              "text": "{\n  [K in keyof TCallbackMap]: (event: {\n    data: Parameters<TEvents[TCallbackMap[K]]>[0];\n    /**\n     * Callbacks are called during the `setState` phase in React. This means the state has not\n     * resolved yet. This is a good time to add more `setState` calls which will be added to React's\n     * state batch updates, but it also means the state provided here hasn't been updated yet.\n     */\n    prevState: TState;\n  }) => void;\n}"
-            }
+            "kind": "symbol",
+            "name": "ToCallbackConfig",
+            "value": "ToCallbackConfig<TState, TEvents, TEventMap[\"callbacks\"]>"
           }
         ]
       }
@@ -117141,7 +115668,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     ],
     "tags": {
       "example": "type Events = {\n  open(data: { eventData: string }): void\n}\n\nconst eventMap = createEventMap<Events>()({\n  guards: {\n    shouldOpen: 'open'\n  },\n  callbacks: {\n    onOpen: 'open'\n  }\n})",
-      "deprecated": "`createModelHook` uses Template Literal Types to create event map types"
+      "deprecated": "⚠️ `createEventMap` has been deprecated and will be removed in a future major version. Please use `createModelHook` instead. It uses Template Literal Types to create event map types."
     },
     "type": {
       "kind": "function",
@@ -117292,45 +115819,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                       "kind": "typeParameter",
                       "name": "TEvents",
                       "constraint": {
-                        "kind": "object",
-                        "properties": [],
-                        "indexSignature": {
-                          "kind": "indexSignature",
-                          "name": "key",
-                          "type": {
-                            "kind": "primitive",
-                            "value": "string"
-                          },
-                          "value": {
-                            "kind": "function",
-                            "parameters": [
-                              {
-                                "kind": "parameter",
-                                "name": "data",
-                                "type": {
-                                  "kind": "unknown",
-                                  "value": "unknown",
-                                  "text": "object"
-                                },
-                                "required": false,
-                                "rest": false,
-                                "description": "",
-                                "declarations": [
-                                  {
-                                    "name": "data",
-                                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                                  }
-                                ],
-                                "tags": {}
-                              }
-                            ],
-                            "members": [],
-                            "returnType": {
-                              "kind": "primitive",
-                              "value": "void"
-                            }
-                          }
-                        }
+                        "kind": "symbol",
+                        "name": "IEvent",
+                        "value": "IEvent"
                       },
                       "required": true
                     },
@@ -117395,133 +115886,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         ],
         "members": [],
         "returnType": {
-          "kind": "object",
-          "properties": [
-            {
-              "kind": "property",
-              "name": "guards",
-              "required": true,
-              "type": {
-                "kind": "generic",
-                "name": "TGuardMap"
-              },
-              "description": "",
-              "declarations": [
-                {
-                  "name": "guards",
-                  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                }
-              ],
-              "tags": {}
-            },
-            {
-              "kind": "property",
-              "name": "callbacks",
-              "required": true,
-              "type": {
-                "kind": "generic",
-                "name": "TCallbackMap"
-              },
-              "description": "",
-              "declarations": [
-                {
-                  "name": "callbacks",
-                  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                }
-              ],
-              "tags": {}
-            }
-          ],
+          "kind": "symbol",
+          "name": "EventMap",
           "typeParameters": [
             {
-              "kind": "typeParameter",
-              "name": "TEvents",
-              "constraint": {
-                "kind": "object",
-                "properties": [],
-                "indexSignature": {
-                  "kind": "indexSignature",
-                  "name": "key",
-                  "type": {
-                    "kind": "primitive",
-                    "value": "string"
-                  },
-                  "value": {
-                    "kind": "function",
-                    "parameters": [
-                      {
-                        "kind": "parameter",
-                        "name": "data",
-                        "type": {
-                          "kind": "unknown",
-                          "value": "unknown",
-                          "text": "object"
-                        },
-                        "required": false,
-                        "rest": false,
-                        "description": "",
-                        "declarations": [
-                          {
-                            "name": "data",
-                            "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                          }
-                        ],
-                        "tags": {}
-                      }
-                    ],
-                    "members": [],
-                    "returnType": {
-                      "kind": "primitive",
-                      "value": "void"
-                    }
-                  }
-                }
-              },
-              "required": true
+              "kind": "generic",
+              "name": "TEvents"
             },
             {
-              "kind": "typeParameter",
-              "name": "TGuardMap",
-              "constraint": {
-                "kind": "external",
-                "name": "Record",
-                "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                "typeParameters": [
-                  {
-                    "kind": "primitive",
-                    "value": "string"
-                  },
-                  {
-                    "kind": "unknown",
-                    "value": "unknown",
-                    "text": "keyof TEvents"
-                  }
-                ]
-              },
-              "required": true
+              "kind": "generic",
+              "name": "TGuardMap"
             },
             {
-              "kind": "typeParameter",
-              "name": "TCallbackMap",
-              "constraint": {
-                "kind": "external",
-                "name": "Record",
-                "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                "typeParameters": [
-                  {
-                    "kind": "primitive",
-                    "value": "string"
-                  },
-                  {
-                    "kind": "unknown",
-                    "value": "unknown",
-                    "text": "keyof TEvents"
-                  }
-                ]
-              },
-              "required": true
+              "kind": "generic",
+              "name": "TCallbackMap"
             }
-          ]
+          ],
+          "value": "EventMap<TEvents, TGuardMap, TCallbackMap>"
         }
       }
     }
@@ -117539,7 +115920,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     "tags": {
       "param": "eventMap\nstate\nconfig\nevents",
       "example": "const useDiscloseModel = (config: ModelConfig = {}): DiscloseModel => {\n  const events = useEventMap(eventMap, state, config, {\n    open() {\n      // do something\n    }\n  }\n})",
-      "deprecated": "Use `createModelHook` instead"
+      "deprecated": "⚠️ `useEventMap` has been deprecated and will be removed in a future major version. Please use `createModelHook` instead."
     },
     "type": {
       "kind": "function",
@@ -117714,45 +116095,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                         "kind": "typeParameter",
                         "name": "TEvents",
                         "constraint": {
-                          "kind": "object",
-                          "properties": [],
-                          "indexSignature": {
-                            "kind": "indexSignature",
-                            "name": "key",
-                            "type": {
-                              "kind": "primitive",
-                              "value": "string"
-                            },
-                            "value": {
-                              "kind": "function",
-                              "parameters": [
-                                {
-                                  "kind": "parameter",
-                                  "name": "data",
-                                  "type": {
-                                    "kind": "unknown",
-                                    "value": "unknown",
-                                    "text": "object"
-                                  },
-                                  "required": false,
-                                  "rest": false,
-                                  "description": "",
-                                  "declarations": [
-                                    {
-                                      "name": "data",
-                                      "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                                    }
-                                  ],
-                                  "tags": {}
-                                }
-                              ],
-                              "members": [],
-                              "returnType": {
-                                "kind": "primitive",
-                                "value": "void"
-                              }
-                            }
-                          }
+                          "kind": "symbol",
+                          "name": "IEvent",
+                          "value": "IEvent"
                         },
                         "required": true
                       },
@@ -117814,133 +116159,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "parameter",
           "name": "eventMap",
           "type": {
-            "kind": "object",
-            "properties": [
-              {
-                "kind": "property",
-                "name": "guards",
-                "required": true,
-                "type": {
-                  "kind": "generic",
-                  "name": "TGuardMap"
-                },
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "guards",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                  }
-                ],
-                "tags": {}
-              },
-              {
-                "kind": "property",
-                "name": "callbacks",
-                "required": true,
-                "type": {
-                  "kind": "generic",
-                  "name": "TCallbackMap"
-                },
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "callbacks",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                  }
-                ],
-                "tags": {}
-              }
-            ],
+            "kind": "symbol",
+            "name": "EventMap",
             "typeParameters": [
               {
-                "kind": "typeParameter",
-                "name": "TEvents",
-                "constraint": {
-                  "kind": "object",
-                  "properties": [],
-                  "indexSignature": {
-                    "kind": "indexSignature",
-                    "name": "key",
-                    "type": {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    "value": {
-                      "kind": "function",
-                      "parameters": [
-                        {
-                          "kind": "parameter",
-                          "name": "data",
-                          "type": {
-                            "kind": "unknown",
-                            "value": "unknown",
-                            "text": "object"
-                          },
-                          "required": false,
-                          "rest": false,
-                          "description": "",
-                          "declarations": [
-                            {
-                              "name": "data",
-                              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                            }
-                          ],
-                          "tags": {}
-                        }
-                      ],
-                      "members": [],
-                      "returnType": {
-                        "kind": "primitive",
-                        "value": "void"
-                      }
-                    }
-                  }
-                },
-                "required": true
+                "kind": "generic",
+                "name": "TEvents"
               },
               {
-                "kind": "typeParameter",
-                "name": "TGuardMap",
-                "constraint": {
-                  "kind": "external",
-                  "name": "Record",
-                  "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                  "typeParameters": [
-                    {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    {
-                      "kind": "unknown",
-                      "value": "unknown",
-                      "text": "keyof TEvents"
-                    }
-                  ]
-                },
-                "required": true
+                "kind": "generic",
+                "name": "TGuardMap"
               },
               {
-                "kind": "typeParameter",
-                "name": "TCallbackMap",
-                "constraint": {
-                  "kind": "external",
-                  "name": "Record",
-                  "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                  "typeParameters": [
-                    {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    {
-                      "kind": "unknown",
-                      "value": "unknown",
-                      "text": "keyof TEvents"
-                    }
-                  ]
-                },
-                "required": true
+                "kind": "generic",
+                "name": "TCallbackMap"
               }
-            ]
+            ],
+            "value": "EventMap<TEvents, TGuardMap, TCallbackMap>"
           },
           "required": true,
           "rest": false,
@@ -118317,48 +116552,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "kind": "typeParameter",
                 "name": "TEvents",
                 "constraint": {
-                  "kind": "object",
-                  "properties": [],
-                  "indexSignature": {
-                    "kind": "indexSignature",
-                    "name": "key",
-                    "type": {
-                      "kind": "primitive",
-                      "value": "string"
-                    },
-                    "value": {
-                      "kind": "function",
-                      "parameters": [
-                        {
-                          "kind": "parameter",
-                          "name": "args",
-                          "type": {
-                            "kind": "array",
-                            "value": {
-                              "kind": "primitive",
-                              "value": "any"
-                            }
-                          },
-                          "required": true,
-                          "rest": true,
-                          "description": "",
-                          "declarations": [
-                            {
-                              "name": "args",
-                              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                            }
-                          ],
-                          "tags": {}
-                        }
-                      ],
-                      "members": [],
-                      "returnType": {
-                        "kind": "unknown",
-                        "value": "unknown",
-                        "text": "object"
-                      }
-                    }
-                  }
+                  "kind": "symbol",
+                  "name": "EventCreator",
+                  "value": "EventCreator"
                 },
                 "required": true
               },
@@ -118380,133 +116576,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "text": "config"
               },
               "type": {
-                "kind": "object",
-                "properties": [
-                  {
-                    "kind": "property",
-                    "name": "guards",
-                    "required": true,
-                    "type": {
-                      "kind": "generic",
-                      "name": "TGuardMap"
-                    },
-                    "description": "",
-                    "declarations": [
-                      {
-                        "name": "guards",
-                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                      }
-                    ],
-                    "tags": {}
-                  },
-                  {
-                    "kind": "property",
-                    "name": "callbacks",
-                    "required": true,
-                    "type": {
-                      "kind": "generic",
-                      "name": "TCallbackMap"
-                    },
-                    "description": "",
-                    "declarations": [
-                      {
-                        "name": "callbacks",
-                        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                      }
-                    ],
-                    "tags": {}
-                  }
-                ],
-                "typeParameters": [
-                  {
-                    "kind": "typeParameter",
-                    "name": "TEvents",
-                    "constraint": {
-                      "kind": "object",
-                      "properties": [],
-                      "indexSignature": {
-                        "kind": "indexSignature",
-                        "name": "key",
-                        "type": {
-                          "kind": "primitive",
-                          "value": "string"
-                        },
-                        "value": {
-                          "kind": "function",
-                          "parameters": [
-                            {
-                              "kind": "parameter",
-                              "name": "data",
-                              "type": {
-                                "kind": "unknown",
-                                "value": "unknown",
-                                "text": "object"
-                              },
-                              "required": false,
-                              "rest": false,
-                              "description": "",
-                              "declarations": [
-                                {
-                                  "name": "data",
-                                  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/models.ts"
-                                }
-                              ],
-                              "tags": {}
-                            }
-                          ],
-                          "members": [],
-                          "returnType": {
-                            "kind": "primitive",
-                            "value": "void"
-                          }
-                        }
-                      }
-                    },
-                    "required": true
-                  },
-                  {
-                    "kind": "typeParameter",
-                    "name": "TGuardMap",
-                    "constraint": {
-                      "kind": "external",
-                      "name": "Record",
-                      "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                      "typeParameters": [
-                        {
-                          "kind": "primitive",
-                          "value": "string"
-                        },
-                        {
-                          "kind": "unknown",
-                          "value": "unknown",
-                          "text": "keyof TEvents"
-                        }
-                      ]
-                    },
-                    "required": true
-                  },
-                  {
-                    "kind": "typeParameter",
-                    "name": "TCallbackMap",
-                    "constraint": {
-                      "kind": "external",
-                      "name": "Record",
-                      "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-                      "typeParameters": [
-                        {
-                          "kind": "primitive",
-                          "value": "string"
-                        },
-                        {
-                          "kind": "unknown",
-                          "value": "unknown",
-                          "text": "keyof TEvents"
-                        }
-                      ]
-                    },
-                    "required": true
-                  }
-                ]
+                "kind": "symbol",
+                "name": "EventMap",
+                "value": "EventMap<ToEvent<TEvents>, TGuardMap, TCallbackMap>"
               },
               "required": true,
               "description": "",
@@ -119747,25 +117819,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "parameters": [],
       "members": [],
       "returnType": {
-        "kind": "type",
-        "typeParameters": [],
-        "value": {
-          "kind": "union",
-          "value": [
-            {
-              "kind": "string",
-              "value": "mouse"
-            },
-            {
-              "kind": "string",
-              "value": "touch"
-            },
-            {
-              "kind": "string",
-              "value": "pen"
-            }
-          ]
-        }
+        "kind": "symbol",
+        "name": "Modality",
+        "value": "Modality"
       }
     }
   },
@@ -119986,7 +118042,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "TODO: Remove in major release"
+      "deprecated": "⚠️ `uniqueId` has been deprecated and will be removed in a future major version. Please use `useUniqueId` instead."
     },
     "type": {
       "kind": "symbol",
@@ -162619,37 +160675,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "parameter",
           "name": "__0",
           "type": {
-            "kind": "type",
-            "typeParameters": [],
-            "value": {
-              "kind": "symbol",
-              "name": "Pick",
-              "typeParameters": [
-                {
-                  "kind": "symbol",
-                  "name": "PaginationState",
-                  "value": "PaginationState"
-                },
-                {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "string",
-                      "value": "currentPage"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "lastPage"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "rangeSize"
-                    }
-                  ]
-                }
-              ],
-              "value": "Pick<T, K>"
-            }
+            "kind": "symbol",
+            "name": "BuildPageRangeConfig",
+            "value": "BuildPageRangeConfig"
           },
           "required": true,
           "rest": false,
@@ -162897,124 +160925,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "parameter",
           "name": "config",
           "defaultValue": {
-            "kind": "object",
-            "properties": [
-              {
-                "kind": "property",
-                "name": "aria-atomic",
-                "required": false,
-                "type": {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "parenthesis",
-                      "value": {
-                        "kind": "union",
-                        "value": [
-                          {
-                            "kind": "primitive",
-                            "value": "boolean"
-                          },
-                          {
-                            "kind": "string",
-                            "value": "false"
-                          },
-                          {
-                            "kind": "string",
-                            "value": "true"
-                          }
-                        ]
-                      }
-                    },
-                    {
-                      "kind": "primitive",
-                      "value": "undefined"
-                    }
-                  ]
-                },
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "aria-atomic",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/pagination/lib/Pagination/common/useLiveRegion.tsx"
-                  }
-                ],
-                "tags": {}
-              },
-              {
-                "kind": "property",
-                "name": "aria-live",
-                "required": false,
-                "type": {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "string",
-                      "value": "polite"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "assertive"
-                    }
-                  ]
-                },
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "aria-live",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/pagination/lib/Pagination/common/useLiveRegion.tsx"
-                  }
-                ],
-                "tags": {}
-              },
-              {
-                "kind": "property",
-                "name": "role",
-                "required": false,
-                "type": {
-                  "kind": "union",
-                  "value": [
-                    {
-                      "kind": "string",
-                      "value": "status"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "alert"
-                    },
-                    {
-                      "kind": "string",
-                      "value": "log"
-                    }
-                  ]
-                },
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "role",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/pagination/lib/Pagination/common/useLiveRegion.tsx"
-                  }
-                ],
-                "tags": {}
-              },
-              {
-                "kind": "property",
-                "name": "shouldAnnounceToScreenReader",
-                "required": false,
-                "type": {
-                  "kind": "primitive",
-                  "value": "boolean"
-                },
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "shouldAnnounceToScreenReader",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/pagination/lib/Pagination/common/useLiveRegion.tsx"
-                  }
-                ],
-                "tags": {}
-              }
-            ]
+            "kind": "symbol",
+            "name": "UseLiveRegionConfig",
+            "value": "UseLiveRegionConfig"
           },
           "type": {
             "kind": "object",
@@ -163150,124 +161063,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       ],
       "members": [],
       "returnType": {
-        "kind": "object",
-        "properties": [
-          {
-            "kind": "property",
-            "name": "aria-atomic",
-            "required": false,
-            "type": {
-              "kind": "union",
-              "value": [
-                {
-                  "kind": "parenthesis",
-                  "value": {
-                    "kind": "union",
-                    "value": [
-                      {
-                        "kind": "primitive",
-                        "value": "boolean"
-                      },
-                      {
-                        "kind": "string",
-                        "value": "false"
-                      },
-                      {
-                        "kind": "string",
-                        "value": "true"
-                      }
-                    ]
-                  }
-                },
-                {
-                  "kind": "primitive",
-                  "value": "undefined"
-                }
-              ]
-            },
-            "description": "",
-            "declarations": [
-              {
-                "name": "aria-atomic",
-                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/pagination/lib/Pagination/common/useLiveRegion.tsx"
-              }
-            ],
-            "tags": {}
-          },
-          {
-            "kind": "property",
-            "name": "aria-live",
-            "required": false,
-            "type": {
-              "kind": "union",
-              "value": [
-                {
-                  "kind": "string",
-                  "value": "polite"
-                },
-                {
-                  "kind": "string",
-                  "value": "assertive"
-                }
-              ]
-            },
-            "description": "",
-            "declarations": [
-              {
-                "name": "aria-live",
-                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/pagination/lib/Pagination/common/useLiveRegion.tsx"
-              }
-            ],
-            "tags": {}
-          },
-          {
-            "kind": "property",
-            "name": "role",
-            "required": false,
-            "type": {
-              "kind": "union",
-              "value": [
-                {
-                  "kind": "string",
-                  "value": "status"
-                },
-                {
-                  "kind": "string",
-                  "value": "alert"
-                },
-                {
-                  "kind": "string",
-                  "value": "log"
-                }
-              ]
-            },
-            "description": "",
-            "declarations": [
-              {
-                "name": "role",
-                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/pagination/lib/Pagination/common/useLiveRegion.tsx"
-              }
-            ],
-            "tags": {}
-          },
-          {
-            "kind": "property",
-            "name": "shouldAnnounceToScreenReader",
-            "required": false,
-            "type": {
-              "kind": "primitive",
-              "value": "boolean"
-            },
-            "description": "",
-            "declarations": [
-              {
-                "name": "shouldAnnounceToScreenReader",
-                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/pagination/lib/Pagination/common/useLiveRegion.tsx"
-              }
-            ],
-            "tags": {}
-          }
-        ]
+        "kind": "symbol",
+        "name": "UseLiveRegionConfig",
+        "value": "UseLiveRegionConfig"
       }
     }
   },
@@ -191023,7 +188821,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "StatusIndicatorType",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/status-indicator/lib/StatusIndicator.tsx",
-    "description": "### ⚠️ Status Indicator has been deprecated and will be removed in v11 ⚠️\n- Please consider using [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in preview",
+    "description": "",
     "declarations": [
       {
         "name": "StatusIndicatorType",
@@ -191031,7 +188829,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": ""
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
     },
     "type": {
       "kind": "object",
@@ -191092,7 +188890,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "StatusIndicatorEmphasis",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/status-indicator/lib/StatusIndicator.tsx",
-    "description": "### ⚠️ Status Indicator has been deprecated and will be removed in v11 ⚠️\n- Please consider using [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in preview",
+    "description": "",
     "declarations": [
       {
         "name": "StatusIndicatorEmphasis",
@@ -191100,7 +188898,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": ""
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
     },
     "type": {
       "kind": "object",
@@ -191129,7 +188927,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "StatusIndicatorGenericStyle",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/status-indicator/lib/StatusIndicator.tsx",
-    "description": "### ⚠️ Status Indicator has been deprecated and will be removed in v11 ⚠️\n- Please consider using [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in preview",
+    "description": "",
     "declarations": [
       {
         "name": "StatusIndicatorGenericStyle",
@@ -191137,7 +188935,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": ""
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
     },
     "type": {
       "kind": "object",
@@ -191225,7 +189023,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "statusIndicatorStyles",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/status-indicator/lib/StatusIndicator.tsx",
-    "description": "### ⚠️ Status Indicator has been deprecated and will be removed in v11 ⚠️\n- Please consider using [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in preview",
+    "description": "",
     "declarations": [
       {
         "name": "statusIndicatorStyles",
@@ -191233,7 +189031,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": ""
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
     },
     "type": {
       "kind": "symbol",
@@ -191244,7 +189042,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "StatusIndicatorProps",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/status-indicator/lib/StatusIndicator.tsx",
-    "description": "### ⚠️ Status Indicator has been deprecated and will be removed in v11 ⚠️\n- Please consider using [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in preview",
+    "description": "",
     "declarations": [
       {
         "name": "StatusIndicatorProps",
@@ -191252,7 +189050,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": ""
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
     },
     "type": {
       "kind": "alias",
@@ -191262,7 +189060,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "StatusIndicator",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/status-indicator/lib/StatusIndicator.tsx",
-    "description": "### ⚠️ Status Indicator has been deprecated and will be removed in v11 ⚠️\n- Please consider using [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in preview",
+    "description": "",
     "declarations": [
       {
         "name": "StatusIndicator",
@@ -191270,7 +189068,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": ""
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
     },
     "type": {
       "kind": "component",
@@ -192154,7 +189952,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {
-            "deprecated": "Use `Tabs.Menu.Popper` instead"
+            "deprecated": "⚠️ `MenuPopper` has been deprecated and will be removed in a future major version. Please use `Tabs.Menu.Popper` instead."
           }
         },
         {
@@ -238612,9 +236410,10 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                   "kind": "property",
                   "name": "onBlur",
                   "defaultValue": {
-                    "kind": "unknown",
-                    "value": "unknown",
-                    "text": "onHide"
+                    "kind": "symbol",
+                    "name": "onHide",
+                    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tooltip/lib/useTooltip.tsx",
+                    "value": "onHide"
                   },
                   "type": {
                     "kind": "function",
@@ -238735,9 +236534,10 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                   "kind": "property",
                   "name": "open",
                   "defaultValue": {
-                    "kind": "unknown",
-                    "value": "unknown",
-                    "text": "visible"
+                    "kind": "symbol",
+                    "name": "visible",
+                    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tooltip/lib/useTooltip.tsx",
+                    "value": "visible"
                   },
                   "type": {
                     "kind": "primitive",
@@ -238906,9 +236706,10 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                   "kind": "property",
                   "name": "onMouseLeave",
                   "defaultValue": {
-                    "kind": "unknown",
-                    "value": "unknown",
-                    "text": "onHide"
+                    "kind": "symbol",
+                    "name": "onHide",
+                    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tooltip/lib/useTooltip.tsx",
+                    "value": "onHide"
                   },
                   "type": {
                     "kind": "function",
@@ -238990,9 +236791,10 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                   "kind": "property",
                   "name": "onMouseEnter",
                   "defaultValue": {
-                    "kind": "unknown",
-                    "value": "unknown",
-                    "text": "onOpen"
+                    "kind": "symbol",
+                    "name": "onOpen",
+                    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tooltip/lib/useTooltip.tsx",
+                    "value": "onOpen"
                   },
                   "type": {
                     "kind": "function",
@@ -239017,9 +236819,10 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                   "kind": "property",
                   "name": "onMouseLeave",
                   "defaultValue": {
-                    "kind": "unknown",
-                    "value": "unknown",
-                    "text": "onHide"
+                    "kind": "symbol",
+                    "name": "onHide",
+                    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tooltip/lib/useTooltip.tsx",
+                    "value": "onHide"
                   },
                   "type": {
                     "kind": "function",