dash_mantine_components 0.14.1 → 0.14.2

package/dash_mantine_components/metadata.json

@@ -226,6 +226,18 @@
           "raw": "ReactNode"
         }
       },
+      "clickData": {
+        "description": "Click data",
+        "required": false,
+        "type": {
+          "name": "objectOf",
+          "value": {
+            "name": "any",
+            "raw": "any"
+          },
+          "raw": "Record<string, any>"
+        }
+      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -1369,6 +1381,18 @@
           "raw": "ReactNode"
         }
       },
+      "clickData": {
+        "description": "Click data",
+        "required": false,
+        "type": {
+          "name": "objectOf",
+          "value": {
+            "name": "any",
+            "raw": "any"
+          },
+          "raw": "Record<string, any>"
+        }
+      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -2612,6 +2636,18 @@
           "raw": "object"
         }
       },
+      "clickData": {
+        "description": "Click data",
+        "required": false,
+        "type": {
+          "name": "objectOf",
+          "value": {
+            "name": "any",
+            "raw": "any"
+          },
+          "raw": "Record<string, any>"
+        }
+      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -3597,6 +3633,18 @@
           "raw": "ReactNode"
         }
       },
+      "clickData": {
+        "description": "Click data",
+        "required": false,
+        "type": {
+          "name": "objectOf",
+          "value": {
+            "name": "any",
+            "raw": "any"
+          },
+          "raw": "Record<string, any>"
+        }
+      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -4850,6 +4898,18 @@
           "raw": "\"percent\" | \"value\""
         }
       },
+      "clickData": {
+        "description": "Click data",
+        "required": false,
+        "type": {
+          "name": "objectOf",
+          "value": {
+            "name": "any",
+            "raw": "any"
+          },
+          "raw": "Record<string, any>"
+        }
+      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -5811,6 +5871,18 @@
           "raw": "ReactNode"
         }
       },
+      "clickData": {
+        "description": "Click data",
+        "required": false,
+        "type": {
+          "name": "objectOf",
+          "value": {
+            "name": "any",
+            "raw": "any"
+          },
+          "raw": "Record<string, any>"
+        }
+      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -6749,6 +6821,18 @@
           "raw": "object"
         }
       },
+      "clickData": {
+        "description": "Click data",
+        "required": false,
+        "type": {
+          "name": "objectOf",
+          "value": {
+            "name": "any",
+            "raw": "any"
+          },
+          "raw": "Record<string, any>"
+        }
+      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -83134,242 +83218,18 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/tooltip/Tooltip.tsx": {
-    "displayName": "Tooltip",
-    "description": "ltip",
+  "src/ts/components/core/tooltip/FloatingTooltip.tsx": {
+    "displayName": "FloatingTooltip",
+    "description": "atingTooltip",
     "props": {
-      "openDelay": {
-        "description": "Open delay in ms",
-        "required": false,
-        "type": {
-          "name": "number",
-          "raw": "number"
-        }
-      },
-      "closeDelay": {
-        "description": "Close delay in ms, `0` by default",
-        "required": false,
-        "type": {
-          "name": "number",
-          "raw": "number"
-        }
-      },
-      "opened": {
-        "description": "Controlled opened state",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
       "offset": {
-        "description": "Space between target element and tooltip in px, `5` by default",
-        "required": false,
-        "type": {
-          "name": "union",
-          "value": [
-            {
-              "name": "number",
-              "raw": "number"
-            }
-          ],
-          "raw": "number | FloatingAxesOffsets"
-        }
-      },
-      "withArrow": {
-        "description": "Determines whether the tooltip should have an arrow, `false` by default",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
-      "arrowSize": {
-        "description": "Arrow size in px, `4` by default",
-        "required": false,
-        "type": {
-          "name": "number",
-          "raw": "number"
-        }
-      },
-      "arrowOffset": {
-        "description": "Arrow offset in px, `5` by default",
-        "required": false,
-        "type": {
-          "name": "number",
-          "raw": "number"
-        }
-      },
-      "arrowRadius": {
-        "description": "Arrow `border-radius` in px, `0` by default",
+        "description": "Offset from mouse in px, `10` by default",
         "required": false,
         "type": {
           "name": "number",
           "raw": "number"
         }
       },
-      "arrowPosition": {
-        "description": "Arrow position relative to the tooltip, `side` by default",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "value": [
-            {
-              "value": "'center'",
-              "computed": false
-            },
-            {
-              "value": "'side'",
-              "computed": false
-            }
-          ],
-          "raw": "ArrowPosition"
-        }
-      },
-      "transitionProps": {
-        "description": "Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type, `{ duration: 100, transition: 'fade' }` by default",
-        "required": false,
-        "type": {
-          "name": "shape",
-          "value": {
-            "keepMounted": {
-              "description": "If set element will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead",
-              "required": false,
-              "name": "bool",
-              "raw": "boolean"
-            },
-            "transition": {
-              "description": "Transition name or object",
-              "required": false,
-              "name": "any",
-              "raw": "MantineTransition"
-            },
-            "duration": {
-              "description": "Transition duration in ms, `250` by default",
-              "required": false,
-              "name": "number",
-              "raw": "number"
-            },
-            "exitDuration": {
-              "description": "Exit transition duration in ms, `250` by default",
-              "required": false,
-              "name": "number",
-              "raw": "number"
-            },
-            "timingFunction": {
-              "description": "Transition timing function, `theme.transitionTimingFunction` by default",
-              "required": false,
-              "name": "string",
-              "raw": "string"
-            },
-            "children": {
-              "description": "Render function with transition styles argument",
-              "required": false,
-              "name": "func",
-              "raw": "(styles: CSSProperties) => Element"
-            },
-            "onExited": {
-              "description": "Called when exit transition ends",
-              "required": false,
-              "name": "func",
-              "raw": "() => void"
-            },
-            "onExit": {
-              "description": "Called when exit transition starts",
-              "required": false,
-              "name": "func",
-              "raw": "() => void"
-            },
-            "onEnter": {
-              "description": "Called when enter transition starts",
-              "required": false,
-              "name": "func",
-              "raw": "() => void"
-            },
-            "onEntered": {
-              "description": "Called when enter transition ends",
-              "required": false,
-              "name": "func",
-              "raw": "() => void"
-            }
-          },
-          "raw": "Partial<Omit<TransitionProps, \"mounted\">>"
-        }
-      },
-      "events": {
-        "description": "Determines which events will be used to show tooltip, `{ hover: true, focus: false, touch: false }` by default",
-        "required": false,
-        "type": {
-          "name": "shape",
-          "value": {
-            "hover": {
-              "description": "",
-              "required": true,
-              "name": "bool",
-              "raw": "boolean"
-            },
-            "focus": {
-              "description": "",
-              "required": true,
-              "name": "bool",
-              "raw": "boolean"
-            },
-            "touch": {
-              "description": "",
-              "required": true,
-              "name": "bool",
-              "raw": "boolean"
-            }
-          },
-          "raw": "{ hover: boolean; focus: boolean; touch: boolean; }"
-        }
-      },
-      "positionDependencies": {
-        "description": "`useEffect` dependencies to force update tooltip position",
-        "required": false,
-        "type": {
-          "name": "arrayOf",
-          "value": {
-            "name": "any",
-            "raw": "any"
-          },
-          "raw": "any[]"
-        }
-      },
-      "inline": {
-        "description": "Must be set if the tooltip target is an inline element",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
-      "keepMounted": {
-        "description": "If set, the tooltip will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
-      "floatingStrategy": {
-        "description": "Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy), `'absolute'` by default",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "value": [
-            {
-              "value": "'absolute'",
-              "computed": false
-            },
-            {
-              "value": "'fixed'",
-              "computed": false
-            }
-          ],
-          "raw": "FloatingStrategy"
-        }
-      },
       "boxWrapperProps": {
         "description": "Target box wrapper props",
         "required": false,
@@ -84949,18 +84809,242 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/tooltip/TooltipFloating.tsx": {
-    "displayName": "TooltipFloating",
-    "description": "ltipFloating",
+  "src/ts/components/core/tooltip/Tooltip.tsx": {
+    "displayName": "Tooltip",
+    "description": "ltip",
     "props": {
+      "openDelay": {
+        "description": "Open delay in ms",
+        "required": false,
+        "type": {
+          "name": "number",
+          "raw": "number"
+        }
+      },
+      "closeDelay": {
+        "description": "Close delay in ms, `0` by default",
+        "required": false,
+        "type": {
+          "name": "number",
+          "raw": "number"
+        }
+      },
+      "opened": {
+        "description": "Controlled opened state",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
       "offset": {
-        "description": "Offset from mouse in px, `10` by default",
+        "description": "Space between target element and tooltip in px, `5` by default",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "number | FloatingAxesOffsets"
+        }
+      },
+      "withArrow": {
+        "description": "Determines whether the tooltip should have an arrow, `false` by default",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "arrowSize": {
+        "description": "Arrow size in px, `4` by default",
+        "required": false,
+        "type": {
+          "name": "number",
+          "raw": "number"
+        }
+      },
+      "arrowOffset": {
+        "description": "Arrow offset in px, `5` by default",
+        "required": false,
+        "type": {
+          "name": "number",
+          "raw": "number"
+        }
+      },
+      "arrowRadius": {
+        "description": "Arrow `border-radius` in px, `0` by default",
         "required": false,
         "type": {
           "name": "number",
           "raw": "number"
         }
       },
+      "arrowPosition": {
+        "description": "Arrow position relative to the tooltip, `side` by default",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "value": [
+            {
+              "value": "'center'",
+              "computed": false
+            },
+            {
+              "value": "'side'",
+              "computed": false
+            }
+          ],
+          "raw": "ArrowPosition"
+        }
+      },
+      "transitionProps": {
+        "description": "Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type, `{ duration: 100, transition: 'fade' }` by default",
+        "required": false,
+        "type": {
+          "name": "shape",
+          "value": {
+            "keepMounted": {
+              "description": "If set element will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead",
+              "required": false,
+              "name": "bool",
+              "raw": "boolean"
+            },
+            "transition": {
+              "description": "Transition name or object",
+              "required": false,
+              "name": "any",
+              "raw": "MantineTransition"
+            },
+            "duration": {
+              "description": "Transition duration in ms, `250` by default",
+              "required": false,
+              "name": "number",
+              "raw": "number"
+            },
+            "exitDuration": {
+              "description": "Exit transition duration in ms, `250` by default",
+              "required": false,
+              "name": "number",
+              "raw": "number"
+            },
+            "timingFunction": {
+              "description": "Transition timing function, `theme.transitionTimingFunction` by default",
+              "required": false,
+              "name": "string",
+              "raw": "string"
+            },
+            "children": {
+              "description": "Render function with transition styles argument",
+              "required": false,
+              "name": "func",
+              "raw": "(styles: CSSProperties) => Element"
+            },
+            "onExited": {
+              "description": "Called when exit transition ends",
+              "required": false,
+              "name": "func",
+              "raw": "() => void"
+            },
+            "onExit": {
+              "description": "Called when exit transition starts",
+              "required": false,
+              "name": "func",
+              "raw": "() => void"
+            },
+            "onEnter": {
+              "description": "Called when enter transition starts",
+              "required": false,
+              "name": "func",
+              "raw": "() => void"
+            },
+            "onEntered": {
+              "description": "Called when enter transition ends",
+              "required": false,
+              "name": "func",
+              "raw": "() => void"
+            }
+          },
+          "raw": "Partial<Omit<TransitionProps, \"mounted\">>"
+        }
+      },
+      "events": {
+        "description": "Determines which events will be used to show tooltip, `{ hover: true, focus: false, touch: false }` by default",
+        "required": false,
+        "type": {
+          "name": "shape",
+          "value": {
+            "hover": {
+              "description": "",
+              "required": true,
+              "name": "bool",
+              "raw": "boolean"
+            },
+            "focus": {
+              "description": "",
+              "required": true,
+              "name": "bool",
+              "raw": "boolean"
+            },
+            "touch": {
+              "description": "",
+              "required": true,
+              "name": "bool",
+              "raw": "boolean"
+            }
+          },
+          "raw": "{ hover: boolean; focus: boolean; touch: boolean; }"
+        }
+      },
+      "positionDependencies": {
+        "description": "`useEffect` dependencies to force update tooltip position",
+        "required": false,
+        "type": {
+          "name": "arrayOf",
+          "value": {
+            "name": "any",
+            "raw": "any"
+          },
+          "raw": "any[]"
+        }
+      },
+      "inline": {
+        "description": "Must be set if the tooltip target is an inline element",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "keepMounted": {
+        "description": "If set, the tooltip will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "floatingStrategy": {
+        "description": "Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy), `'absolute'` by default",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "value": [
+            {
+              "value": "'fixed'",
+              "computed": false
+            },
+            {
+              "value": "'absolute'",
+              "computed": false
+            }
+          ],
+          "raw": "FloatingStrategy"
+        }
+      },
       "boxWrapperProps": {
         "description": "Target box wrapper props",
         "required": false,
@@ -86546,9 +86630,922 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/Affix.tsx": {
-    "displayName": "Affix",
-    "description": "ix",
+  "src/ts/components/core/Affix.tsx": {
+    "displayName": "Affix",
+    "description": "ix",
+    "props": {
+      "children": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "node",
+          "raw": "ReactNode"
+        }
+      },
+      "className": {
+        "description": "Class added to the root element, if applicable",
+        "required": false,
+        "type": {
+          "name": "string",
+          "raw": "string"
+        }
+      },
+      "style": {
+        "description": "Inline style added to root component element, can subscribe to theme defined on MantineProvider",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "MantineStyleProp"
+        }
+      },
+      "hiddenFrom": {
+        "description": "Breakpoint above which the component is hidden with `display: none`",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "MantineSize | (string & {})"
+        }
+      },
+      "visibleFrom": {
+        "description": "Breakpoint below which the component is hidden with `display: none`",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "MantineSize | (string & {})"
+        }
+      },
+      "lightHidden": {
+        "description": "Determines whether component should be hidden in light color scheme with `display: none`",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "darkHidden": {
+        "description": "Determines whether component should be hidden in dark color scheme with `display: none`",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "mod": {
+        "description": "Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            }
+          ],
+          "raw": "BoxMod"
+        }
+      },
+      "m": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "my": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "mx": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "mt": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "mb": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "ms": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "me": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "ml": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "mr": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "p": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "py": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "px": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "pt": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "pb": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "ps": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "pe": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "pl": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "pr": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MantineSpacing>"
+        }
+      },
+      "bg": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<DefaultMantineColor>"
+        }
+      },
+      "c": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<DefaultMantineColor>"
+        }
+      },
+      "opacity": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<Opacity>"
+        }
+      },
+      "ff": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<(string & {}) | \"monospace\" | \"text\" | \"heading\">"
+        }
+      },
+      "fz": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<number | MantineSize | (string & {}) | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\">"
+        }
+      },
+      "fw": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<FontWeight>"
+        }
+      },
+      "lts": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<LetterSpacing<string | number>>"
+        }
+      },
+      "ta": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<TextAlign>"
+        }
+      },
+      "lh": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<number | MantineSize | (string & {}) | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\">"
+        }
+      },
+      "fs": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<FontStyle>"
+        }
+      },
+      "tt": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<TextTransform>"
+        }
+      },
+      "td": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<TextDecoration<string | number>>"
+        }
+      },
+      "w": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<Width<string | number>>"
+        }
+      },
+      "miw": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MinWidth<string | number>>"
+        }
+      },
+      "maw": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MaxWidth<string | number>>"
+        }
+      },
+      "h": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<Height<string | number>>"
+        }
+      },
+      "mih": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MinHeight<string | number>>"
+        }
+      },
+      "mah": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<MaxHeight<string | number>>"
+        }
+      },
+      "bgsz": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<BackgroundSize<string | number>>"
+        }
+      },
+      "bgp": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<BackgroundPosition<string | number>>"
+        }
+      },
+      "bgr": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<BackgroundRepeat>"
+        }
+      },
+      "bga": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<BackgroundAttachment>"
+        }
+      },
+      "pos": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<Position>"
+        }
+      },
+      "top": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<Top<string | number>>"
+        }
+      },
+      "left": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<Left<string | number>>"
+        }
+      },
+      "bottom": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<Bottom<string | number>>"
+        }
+      },
+      "right": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<Right<string | number>>"
+        }
+      },
+      "inset": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<Inset<string | number>>"
+        }
+      },
+      "display": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "StyleProp<Display>"
+        }
+      },
+      "flex": {
+        "description": "",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "StyleProp<Flex<string | number>>"
+        }
+      },
+      "zIndex": {
+        "description": "Root element `z-index` property, `200` by default",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "string | number"
+        }
+      },
+      "withinPortal": {
+        "description": "Determines whether component should be rendered within portal, `true` by default",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "position": {
+        "description": "Affix position on screen, defaults value is `{ bottom: 0, right: 0 }`",
+        "required": false,
+        "type": {
+          "name": "shape",
+          "value": {
+            "top": {
+              "description": "",
+              "required": false,
+              "name": "union",
+              "value": [
+                {
+                  "name": "string",
+                  "raw": "string"
+                },
+                {
+                  "name": "number",
+                  "raw": "number"
+                }
+              ],
+              "raw": "string | number"
+            },
+            "left": {
+              "description": "",
+              "required": false,
+              "name": "union",
+              "value": [
+                {
+                  "name": "string",
+                  "raw": "string"
+                },
+                {
+                  "name": "number",
+                  "raw": "number"
+                }
+              ],
+              "raw": "string | number"
+            },
+            "bottom": {
+              "description": "",
+              "required": false,
+              "name": "union",
+              "value": [
+                {
+                  "name": "string",
+                  "raw": "string"
+                },
+                {
+                  "name": "number",
+                  "raw": "number"
+                }
+              ],
+              "raw": "string | number"
+            },
+            "right": {
+              "description": "",
+              "required": false,
+              "name": "union",
+              "value": [
+                {
+                  "name": "string",
+                  "raw": "string"
+                },
+                {
+                  "name": "number",
+                  "raw": "number"
+                }
+              ],
+              "raw": "string | number"
+            }
+          },
+          "raw": "{ top?: string | number; left?: string | number; bottom?: string | number; right?: string | number; }"
+        }
+      },
+      "classNames": {
+        "description": "Adds class names to Mantine components",
+        "required": false,
+        "type": {
+          "name": "object",
+          "raw": "object"
+        }
+      },
+      "styles": {
+        "description": "Mantine styles API",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "any"
+        }
+      },
+      "unstyled": {
+        "description": "Remove all Mantine styling from the component",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "variant": {
+        "description": "variant",
+        "required": false,
+        "type": {
+          "name": "string",
+          "raw": "string"
+        }
+      },
+      "id": {
+        "description": "Unique ID to identify this component in Dash callbacks.",
+        "required": false,
+        "type": {
+          "name": "string",
+          "raw": "string"
+        }
+      },
+      "setProps": {
+        "description": "Update props to trigger callbacks.",
+        "required": true,
+        "type": {
+          "name": "func",
+          "raw": "(props: Record<string, any>) => void"
+        }
+      },
+      "data-*": {
+        "description": "Wild card data attributes",
+        "required": false,
+        "type": {
+          "name": "string",
+          "raw": "string"
+        }
+      },
+      "aria-*": {
+        "description": "Wild card aria attributes",
+        "required": false,
+        "type": {
+          "name": "string",
+          "raw": "string"
+        }
+      },
+      "tabIndex": {
+        "description": "tab-index",
+        "required": false,
+        "type": {
+          "name": "number",
+          "raw": "number"
+        }
+      }
+    },
+    "isContext": false
+  },
+  "src/ts/components/core/Alert.tsx": {
+    "displayName": "Alert",
+    "description": "rt",
     "props": {
       "children": {
         "description": "",
@@ -86558,6 +87555,88 @@
           "raw": "ReactNode"
         }
       },
+      "radius": {
+        "description": "Key of `theme.radius` or any valid CSS value to set border-radius, `theme.defaultRadius` by default",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "MantineRadius"
+        }
+      },
+      "color": {
+        "description": "Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "DefaultMantineColor"
+        }
+      },
+      "title": {
+        "description": "Alert title",
+        "required": false,
+        "type": {
+          "name": "node",
+          "raw": "ReactNode"
+        }
+      },
+      "icon": {
+        "description": "Icon displayed next to the title",
+        "required": false,
+        "type": {
+          "name": "node",
+          "raw": "ReactNode"
+        }
+      },
+      "withCloseButton": {
+        "description": "Determines whether close button should be displayed, `false` by default",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "closeButtonLabel": {
+        "description": "Close button `aria-label`",
+        "required": false,
+        "type": {
+          "name": "string",
+          "raw": "string"
+        }
+      },
+      "autoContrast": {
+        "description": "Determines whether text color with filled variant should depend on `background-color`. If luminosity of the `color` prop is less than `theme.luminosityThreshold`, then `theme.white` will be used for text color, otherwise `theme.black`. Overrides `theme.autoContrast`.",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "duration": {
+        "description": "Duration in milliseconds after which the Alert dismisses itself.",
+        "required": false,
+        "type": {
+          "name": "number",
+          "raw": "number"
+        }
+      },
+      "hide": {
+        "description": "Whether to hide the alert",
+        "required": false,
+        "defaultValue": {
+          "value": "false",
+          "computed": false
+        },
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -86570,7 +87649,13 @@
         "description": "Inline style added to root component element, can subscribe to theme defined on MantineProvider",
         "required": false,
         "type": {
-          "name": "any",
+          "name": "union",
+          "value": [
+            {
+              "name": "func",
+              "raw": "(theme: MantineTheme) => CSSProperties"
+            }
+          ],
           "raw": "MantineStyleProp"
         }
       },
@@ -87284,106 +88369,6 @@
           "raw": "StyleProp<Flex<string | number>>"
         }
       },
-      "zIndex": {
-        "description": "Root element `z-index` property, `200` by default",
-        "required": false,
-        "type": {
-          "name": "union",
-          "value": [
-            {
-              "name": "string",
-              "raw": "string"
-            },
-            {
-              "name": "number",
-              "raw": "number"
-            }
-          ],
-          "raw": "string | number"
-        }
-      },
-      "withinPortal": {
-        "description": "Determines whether component should be rendered within portal, `true` by default",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
-      "position": {
-        "description": "Affix position on screen, defaults value is `{ bottom: 0, right: 0 }`",
-        "required": false,
-        "type": {
-          "name": "shape",
-          "value": {
-            "top": {
-              "description": "",
-              "required": false,
-              "name": "union",
-              "value": [
-                {
-                  "name": "string",
-                  "raw": "string"
-                },
-                {
-                  "name": "number",
-                  "raw": "number"
-                }
-              ],
-              "raw": "string | number"
-            },
-            "left": {
-              "description": "",
-              "required": false,
-              "name": "union",
-              "value": [
-                {
-                  "name": "string",
-                  "raw": "string"
-                },
-                {
-                  "name": "number",
-                  "raw": "number"
-                }
-              ],
-              "raw": "string | number"
-            },
-            "bottom": {
-              "description": "",
-              "required": false,
-              "name": "union",
-              "value": [
-                {
-                  "name": "string",
-                  "raw": "string"
-                },
-                {
-                  "name": "number",
-                  "raw": "number"
-                }
-              ],
-              "raw": "string | number"
-            },
-            "right": {
-              "description": "",
-              "required": false,
-              "name": "union",
-              "value": [
-                {
-                  "name": "string",
-                  "raw": "string"
-                },
-                {
-                  "name": "number",
-                  "raw": "number"
-                }
-              ],
-              "raw": "string | number"
-            }
-          },
-          "raw": "{ top?: string | number; left?: string | number; bottom?: string | number; right?: string | number; }"
-        }
-      },
       "classNames": {
         "description": "Adds class names to Mantine components",
         "required": false,
@@ -87459,98 +88444,72 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/Alert.tsx": {
-    "displayName": "Alert",
-    "description": "rt",
+  "src/ts/components/core/Anchor.tsx": {
+    "displayName": "Anchor",
+    "description": "hor",
     "props": {
       "children": {
-        "description": "",
+        "description": "Content",
         "required": false,
         "type": {
           "name": "node",
           "raw": "ReactNode"
         }
       },
-      "radius": {
-        "description": "Key of `theme.radius` or any valid CSS value to set border-radius, `theme.defaultRadius` by default",
+      "target": {
+        "description": "Target",
         "required": false,
         "type": {
-          "name": "union",
+          "name": "enum",
           "value": [
             {
-              "name": "number",
-              "raw": "number"
+              "value": "'_blank'",
+              "computed": false
+            },
+            {
+              "value": "'_self'",
+              "computed": false
             }
           ],
-          "raw": "MantineRadius"
-        }
-      },
-      "color": {
-        "description": "Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`",
-        "required": false,
-        "type": {
-          "name": "any",
-          "raw": "DefaultMantineColor"
-        }
-      },
-      "title": {
-        "description": "Alert title",
-        "required": false,
-        "type": {
-          "name": "node",
-          "raw": "ReactNode"
-        }
-      },
-      "icon": {
-        "description": "Icon displayed next to the title",
-        "required": false,
-        "type": {
-          "name": "node",
-          "raw": "ReactNode"
-        }
-      },
-      "withCloseButton": {
-        "description": "Determines whether close button should be displayed, `false` by default",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
+          "raw": "TargetProps"
         }
       },
-      "closeButtonLabel": {
-        "description": "Close button `aria-label`",
-        "required": false,
+      "href": {
+        "description": "href",
+        "required": true,
         "type": {
           "name": "string",
           "raw": "string"
         }
       },
-      "autoContrast": {
-        "description": "Determines whether text color with filled variant should depend on `background-color`. If luminosity of the `color` prop is less than `theme.luminosityThreshold`, then `theme.white` will be used for text color, otherwise `theme.black`. Overrides `theme.autoContrast`.",
+      "refresh": {
+        "description": "Whether to refresh the page",
         "required": false,
         "type": {
           "name": "bool",
           "raw": "boolean"
         }
       },
-      "duration": {
-        "description": "Duration in milliseconds after which the Alert dismisses itself.",
-        "required": false,
-        "type": {
-          "name": "number",
-          "raw": "number"
-        }
-      },
-      "hide": {
-        "description": "Whether to hide the alert",
+      "underline": {
+        "description": "Determines in which cases link should have `text-decoration: underline` styles, `hover` by default",
         "required": false,
-        "defaultValue": {
-          "value": "false",
-          "computed": false
-        },
         "type": {
-          "name": "bool",
-          "raw": "boolean"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'always'",
+              "computed": false
+            },
+            {
+              "value": "'hover'",
+              "computed": false
+            },
+            {
+              "value": "'never'",
+              "computed": false
+            }
+          ],
+          "raw": "\"always\" | \"hover\" | \"never\""
         }
       },
       "className": {
@@ -88285,6 +89244,74 @@
           "raw": "StyleProp<Flex<string | number>>"
         }
       },
+      "inherit": {
+        "description": "Determines whether font properties should be inherited from the parent, `false` by default",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "inline": {
+        "description": "Sets `line-height` to 1 for centering, `false` by default",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "size": {
+        "description": "Controls `font-size` and `line-height`, `'md'` by default",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "MantineSize | (string & {})"
+        }
+      },
+      "lineClamp": {
+        "description": "Number of lines after which Text will be truncated",
+        "required": false,
+        "type": {
+          "name": "number",
+          "raw": "number"
+        }
+      },
+      "truncate": {
+        "description": "Side on which Text must be truncated, if `true`, text is truncated from the start",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "TextTruncate"
+        }
+      },
+      "gradient": {
+        "description": "Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default",
+        "required": false,
+        "type": {
+          "name": "shape",
+          "value": {
+            "from": {
+              "description": "",
+              "required": true,
+              "name": "string",
+              "raw": "string"
+            },
+            "to": {
+              "description": "",
+              "required": true,
+              "name": "string",
+              "raw": "string"
+            },
+            "deg": {
+              "description": "",
+              "required": false,
+              "name": "number",
+              "raw": "number"
+            }
+          },
+          "raw": "MantineGradient"
+        }
+      },
       "classNames": {
         "description": "Adds class names to Mantine components",
         "required": false,
@@ -88360,72 +89387,24 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/Anchor.tsx": {
-    "displayName": "Anchor",
-    "description": "hor",
+  "src/ts/components/core/AspectRatio.tsx": {
+    "displayName": "AspectRatio",
+    "description": "ectRatio",
     "props": {
       "children": {
-        "description": "Content",
+        "description": "",
         "required": false,
         "type": {
           "name": "node",
           "raw": "ReactNode"
         }
       },
-      "target": {
-        "description": "Target",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "value": [
-            {
-              "value": "'_blank'",
-              "computed": false
-            },
-            {
-              "value": "'_self'",
-              "computed": false
-            }
-          ],
-          "raw": "TargetProps"
-        }
-      },
-      "href": {
-        "description": "href",
-        "required": true,
-        "type": {
-          "name": "string",
-          "raw": "string"
-        }
-      },
-      "refresh": {
-        "description": "Whether to refresh the page",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
-      "underline": {
-        "description": "Determines in which cases link should have `text-decoration: underline` styles, `hover` by default",
+      "ratio": {
+        "description": "Aspect ratio, e.g. `16 / 9`, `4 / 3`, `1920 / 1080`, `1` by default",
         "required": false,
         "type": {
-          "name": "enum",
-          "value": [
-            {
-              "value": "'always'",
-              "computed": false
-            },
-            {
-              "value": "'hover'",
-              "computed": false
-            },
-            {
-              "value": "'never'",
-              "computed": false
-            }
-          ],
-          "raw": "\"always\" | \"hover\" | \"never\""
+          "name": "number",
+          "raw": "number"
         }
       },
       "className": {
@@ -89160,74 +90139,6 @@
           "raw": "StyleProp<Flex<string | number>>"
         }
       },
-      "inherit": {
-        "description": "Determines whether font properties should be inherited from the parent, `false` by default",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
-      "inline": {
-        "description": "Sets `line-height` to 1 for centering, `false` by default",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
-      "size": {
-        "description": "Controls `font-size` and `line-height`, `'md'` by default",
-        "required": false,
-        "type": {
-          "name": "any",
-          "raw": "MantineSize | (string & {})"
-        }
-      },
-      "lineClamp": {
-        "description": "Number of lines after which Text will be truncated",
-        "required": false,
-        "type": {
-          "name": "number",
-          "raw": "number"
-        }
-      },
-      "truncate": {
-        "description": "Side on which Text must be truncated, if `true`, text is truncated from the start",
-        "required": false,
-        "type": {
-          "name": "any",
-          "raw": "TextTruncate"
-        }
-      },
-      "gradient": {
-        "description": "Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default",
-        "required": false,
-        "type": {
-          "name": "shape",
-          "value": {
-            "from": {
-              "description": "",
-              "required": true,
-              "name": "string",
-              "raw": "string"
-            },
-            "to": {
-              "description": "",
-              "required": true,
-              "name": "string",
-              "raw": "string"
-            },
-            "deg": {
-              "description": "",
-              "required": false,
-              "name": "number",
-              "raw": "number"
-            }
-          },
-          "raw": "MantineGradient"
-        }
-      },
       "classNames": {
         "description": "Adds class names to Mantine components",
         "required": false,
@@ -89303,24 +90214,114 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/AspectRatio.tsx": {
-    "displayName": "AspectRatio",
-    "description": "ectRatio",
+  "src/ts/components/core/Badge.tsx": {
+    "displayName": "Badge",
+    "description": "ge",
     "props": {
+      "size": {
+        "description": "Controls `font-size`, `height` and horizontal `padding`, `'md'` by default",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "MantineSize | (string & {})"
+        }
+      },
+      "circle": {
+        "description": "If set, badge `min-width` becomes equal to its `height` and horizontal padding is removed",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "radius": {
+        "description": "Key of `theme.radius` or any valid CSS value to set `border-radius`, `'xl'` by default",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "MantineRadius"
+        }
+      },
+      "color": {
+        "description": "Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "DefaultMantineColor"
+        }
+      },
+      "gradient": {
+        "description": "Gradient configuration used when `variant=\"gradient\"`, default value is `theme.defaultGradient`",
+        "required": false,
+        "type": {
+          "name": "shape",
+          "value": {
+            "from": {
+              "description": "",
+              "required": true,
+              "name": "string",
+              "raw": "string"
+            },
+            "to": {
+              "description": "",
+              "required": true,
+              "name": "string",
+              "raw": "string"
+            },
+            "deg": {
+              "description": "",
+              "required": false,
+              "name": "number",
+              "raw": "number"
+            }
+          },
+          "raw": "MantineGradient"
+        }
+      },
+      "leftSection": {
+        "description": "Content displayed on the left side of the badge label",
+        "required": false,
+        "type": {
+          "name": "node",
+          "raw": "ReactNode"
+        }
+      },
+      "rightSection": {
+        "description": "Content displayed on the right side of the badge label",
+        "required": false,
+        "type": {
+          "name": "node",
+          "raw": "ReactNode"
+        }
+      },
+      "fullWidth": {
+        "description": "Determines whether Badge should take 100% of its parent width, `false` by default",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
       "children": {
-        "description": "",
+        "description": "Main badge content",
         "required": false,
         "type": {
           "name": "node",
           "raw": "ReactNode"
         }
       },
-      "ratio": {
-        "description": "Aspect ratio, e.g. `16 / 9`, `4 / 3`, `1920 / 1080`, `1` by default",
+      "autoContrast": {
+        "description": "Determines whether text color with filled variant should depend on `background-color`. If luminosity of the `color` prop is less than `theme.luminosityThreshold`, then `theme.white` will be used for text color, otherwise `theme.black`. Overrides `theme.autoContrast`.",
         "required": false,
         "type": {
-          "name": "number",
-          "raw": "number"
+          "name": "bool",
+          "raw": "boolean"
         }
       },
       "className": {
@@ -90130,38 +91131,34 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/Badge.tsx": {
-    "displayName": "Badge",
-    "description": "ge",
+  "src/ts/components/core/Blockquote.tsx": {
+    "displayName": "Blockquote",
+    "description": "ckquote",
     "props": {
-      "size": {
-        "description": "Controls `font-size`, `height` and horizontal `padding`, `'md'` by default",
-        "required": false,
-        "type": {
-          "name": "any",
-          "raw": "MantineSize | (string & {})"
-        }
-      },
-      "circle": {
-        "description": "If set, badge `min-width` becomes equal to its `height` and horizontal padding is removed",
+      "icon": {
+        "description": "Blockquote icon, displayed on the top left",
         "required": false,
         "type": {
-          "name": "bool",
-          "raw": "boolean"
+          "name": "node",
+          "raw": "ReactNode"
         }
       },
-      "radius": {
-        "description": "Key of `theme.radius` or any valid CSS value to set `border-radius`, `'xl'` by default",
+      "iconSize": {
+        "description": "Controls icon `width` and `height`, numbers are converted to rem, `40` by default",
         "required": false,
         "type": {
           "name": "union",
           "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
             {
               "name": "number",
               "raw": "number"
             }
           ],
-          "raw": "MantineRadius"
+          "raw": "string | number"
         }
       },
       "color": {
@@ -90172,74 +91169,36 @@
           "raw": "DefaultMantineColor"
         }
       },
-      "gradient": {
-        "description": "Gradient configuration used when `variant=\"gradient\"`, default value is `theme.defaultGradient`",
+      "radius": {
+        "description": "Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default",
         "required": false,
         "type": {
-          "name": "shape",
-          "value": {
-            "from": {
-              "description": "",
-              "required": true,
-              "name": "string",
-              "raw": "string"
-            },
-            "to": {
-              "description": "",
-              "required": true,
-              "name": "string",
-              "raw": "string"
-            },
-            "deg": {
-              "description": "",
-              "required": false,
+          "name": "union",
+          "value": [
+            {
               "name": "number",
               "raw": "number"
             }
-          },
-          "raw": "MantineGradient"
-        }
-      },
-      "leftSection": {
-        "description": "Content displayed on the left side of the badge label",
-        "required": false,
-        "type": {
-          "name": "node",
-          "raw": "ReactNode"
+          ],
+          "raw": "MantineRadius"
         }
       },
-      "rightSection": {
-        "description": "Content displayed on the right side of the badge label",
+      "cite": {
+        "description": "Reference to a cited quote",
         "required": false,
         "type": {
           "name": "node",
           "raw": "ReactNode"
         }
       },
-      "fullWidth": {
-        "description": "Determines whether Badge should take 100% of its parent width, `false` by default",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
       "children": {
-        "description": "Main badge content",
+        "description": "Content",
         "required": false,
         "type": {
           "name": "node",
           "raw": "ReactNode"
         }
       },
-      "autoContrast": {
-        "description": "Determines whether text color with filled variant should depend on `background-color`. If luminosity of the `color` prop is less than `theme.luminosityThreshold`, then `theme.white` will be used for text color, otherwise `theme.black`. Overrides `theme.autoContrast`.",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -91047,68 +92006,12 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/Blockquote.tsx": {
-    "displayName": "Blockquote",
-    "description": "ckquote",
+  "src/ts/components/core/Box.tsx": {
+    "displayName": "Box",
+    "description": "",
     "props": {
-      "icon": {
-        "description": "Blockquote icon, displayed on the top left",
-        "required": false,
-        "type": {
-          "name": "node",
-          "raw": "ReactNode"
-        }
-      },
-      "iconSize": {
-        "description": "Controls icon `width` and `height`, numbers are converted to rem, `40` by default",
-        "required": false,
-        "type": {
-          "name": "union",
-          "value": [
-            {
-              "name": "string",
-              "raw": "string"
-            },
-            {
-              "name": "number",
-              "raw": "number"
-            }
-          ],
-          "raw": "string | number"
-        }
-      },
-      "color": {
-        "description": "Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default",
-        "required": false,
-        "type": {
-          "name": "any",
-          "raw": "DefaultMantineColor"
-        }
-      },
-      "radius": {
-        "description": "Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default",
-        "required": false,
-        "type": {
-          "name": "union",
-          "value": [
-            {
-              "name": "number",
-              "raw": "number"
-            }
-          ],
-          "raw": "MantineRadius"
-        }
-      },
-      "cite": {
-        "description": "Reference to a cited quote",
-        "required": false,
-        "type": {
-          "name": "node",
-          "raw": "ReactNode"
-        }
-      },
       "children": {
-        "description": "Content",
+        "description": "",
         "required": false,
         "type": {
           "name": "node",
@@ -91847,38 +92750,6 @@
           "raw": "StyleProp<Flex<string | number>>"
         }
       },
-      "classNames": {
-        "description": "Adds class names to Mantine components",
-        "required": false,
-        "type": {
-          "name": "object",
-          "raw": "object"
-        }
-      },
-      "styles": {
-        "description": "Mantine styles API",
-        "required": false,
-        "type": {
-          "name": "any",
-          "raw": "any"
-        }
-      },
-      "unstyled": {
-        "description": "Remove all Mantine styling from the component",
-        "required": false,
-        "type": {
-          "name": "bool",
-          "raw": "boolean"
-        }
-      },
-      "variant": {
-        "description": "variant",
-        "required": false,
-        "type": {
-          "name": "string",
-          "raw": "string"
-        }
-      },
       "id": {
         "description": "Unique ID to identify this component in Dash callbacks.",
         "required": false,
@@ -91922,18 +92793,40 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/Box.tsx": {
-    "displayName": "Box",
-    "description": "",
+  "src/ts/components/core/Breadcrumbs.tsx": {
+    "displayName": "Breadcrumbs",
+    "description": "adcrumbs",
     "props": {
-      "children": {
-        "description": "",
+      "separator": {
+        "description": "Separator between children, `'/'` by default",
         "required": false,
         "type": {
           "name": "node",
           "raw": "ReactNode"
         }
       },
+      "separatorMargin": {
+        "description": "Controls spacing between separator and breadcrumb, `'xs'` by default",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "MantineSpacing"
+        }
+      },
+      "children": {
+        "description": "React nodes that should be separated with `separator`",
+        "required": true,
+        "type": {
+          "name": "node",
+          "raw": "ReactNode"
+        }
+      },
       "className": {
         "description": "Class added to the root element, if applicable",
         "required": false,
@@ -92666,6 +93559,38 @@
           "raw": "StyleProp<Flex<string | number>>"
         }
       },
+      "classNames": {
+        "description": "Adds class names to Mantine components",
+        "required": false,
+        "type": {
+          "name": "object",
+          "raw": "object"
+        }
+      },
+      "styles": {
+        "description": "Mantine styles API",
+        "required": false,
+        "type": {
+          "name": "any",
+          "raw": "any"
+        }
+      },
+      "unstyled": {
+        "description": "Remove all Mantine styling from the component",
+        "required": false,
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "variant": {
+        "description": "variant",
+        "required": false,
+        "type": {
+          "name": "string",
+          "raw": "string"
+        }
+      },
       "id": {
         "description": "Unique ID to identify this component in Dash callbacks.",
         "required": false,
@@ -92709,20 +93634,12 @@
     },
     "isContext": false
   },
-  "src/ts/components/core/Breadcrumbs.tsx": {
-    "displayName": "Breadcrumbs",
-    "description": "adcrumbs",
+  "src/ts/components/core/Burger.tsx": {
+    "displayName": "Burger",
+    "description": "ger",
     "props": {
-      "separator": {
-        "description": "Separator between children, `'/'` by default",
-        "required": false,
-        "type": {
-          "name": "node",
-          "raw": "ReactNode"
-        }
-      },
-      "separatorMargin": {
-        "description": "Controls spacing between separator and breadcrumb, `'xs'` by default",
+      "size": {
+        "description": "Controls burger `width` and `height`, numbers are converted to rem, `'md'` by default",
         "required": false,
         "type": {
           "name": "union",
@@ -92732,15 +93649,43 @@
               "raw": "number"
             }
           ],
-          "raw": "MantineSpacing"
+          "raw": "number | MantineSize | (string & {})"
         }
       },
-      "children": {
-        "description": "React nodes that should be separated with `separator`",
-        "required": true,
+      "color": {
+        "description": "Key of `theme.colors` of any valid CSS value, by default `theme.white` in dark color scheme and `theme.black` in light",
+        "required": false,
         "type": {
-          "name": "node",
-          "raw": "ReactNode"
+          "name": "any",
+          "raw": "DefaultMantineColor"
+        }
+      },
+      "opened": {
+        "description": "State of the burger, when `true` burger is transformed into X, `false` by default",
+        "required": false,
+        "defaultValue": {
+          "value": "false",
+          "computed": false
+        },
+        "type": {
+          "name": "bool",
+          "raw": "boolean"
+        }
+      },
+      "transitionDuration": {
+        "description": "`transition-duration` property value in ms, `300` by default",
+        "required": false,
+        "type": {
+          "name": "number",
+          "raw": "number"
+        }
+      },
+      "transitionTimingFunction": {
+        "description": "`transition-timing-function` property value, `'ease'` by default",
+        "required": false,
+        "type": {
+          "name": "string",
+          "raw": "string"
         }
       },
       "className": {
@@ -93546,6 +94491,66 @@
           "name": "number",
           "raw": "number"
         }
+      },
+      "persistence": {
+        "description": "Used to allow user interactions in this component to be persisted when\nthe component - or the page - is refreshed. If `persisted` is truthy and\nhasn't changed from its previous value, a `value` that the user has\nchanged while using the app will keep that change, as long as\nthe new `value` also matches what was given originally.\nUsed in conjunction with `persistence_type`.",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "string | number | boolean"
+        }
+      },
+      "persisted_props": {
+        "description": "Properties whose user interactions will persist after refreshing the\ncomponent or the page. Since only `value` is allowed this prop can\nnormally be ignored.",
+        "required": false,
+        "defaultValue": {
+          "value": "[\"opened\"]",
+          "computed": false
+        },
+        "type": {
+          "name": "arrayOf",
+          "value": {
+            "name": "string",
+            "raw": "string"
+          },
+          "raw": "string[]"
+        }
+      },
+      "persistence_type": {
+        "description": "Where persisted user changes will be stored:\nmemory: only kept in memory, reset on page refresh.\nlocal: window.localStorage, data is kept after the browser quit.\nsession: window.sessionStorage, data is cleared once the browser quit.",
+        "required": false,
+        "defaultValue": {
+          "value": "'local'",
+          "computed": false
+        },
+        "type": {
+          "name": "enum",
+          "value": [
+            {
+              "value": "'local'",
+              "computed": false
+            },
+            {
+              "value": "'session'",
+              "computed": false
+            },
+            {
+              "value": "'memory'",
+              "computed": false
+            }
+          ],
+          "raw": "\"local\" | \"session\" | \"memory\""
+        }
       }
     },
     "isContext": false
@@ -130137,6 +131142,66 @@
           "name": "number",
           "raw": "number"
         }
+      },
+      "persistence": {
+        "description": "Used to allow user interactions in this component to be persisted when\nthe component - or the page - is refreshed. If `persisted` is truthy and\nhasn't changed from its previous value, a `value` that the user has\nchanged while using the app will keep that change, as long as\nthe new `value` also matches what was given originally.\nUsed in conjunction with `persistence_type`.",
+        "required": false,
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string",
+              "raw": "string"
+            },
+            {
+              "name": "number",
+              "raw": "number"
+            }
+          ],
+          "raw": "string | number | boolean"
+        }
+      },
+      "persisted_props": {
+        "description": "Properties whose user interactions will persist after refreshing the\ncomponent or the page. Since only `value` is allowed this prop can\nnormally be ignored.",
+        "required": false,
+        "defaultValue": {
+          "value": "[\"opened\"]",
+          "computed": false
+        },
+        "type": {
+          "name": "arrayOf",
+          "value": {
+            "name": "string",
+            "raw": "string"
+          },
+          "raw": "string[]"
+        }
+      },
+      "persistence_type": {
+        "description": "Where persisted user changes will be stored:\nmemory: only kept in memory, reset on page refresh.\nlocal: window.localStorage, data is kept after the browser quit.\nsession: window.sessionStorage, data is cleared once the browser quit.",
+        "required": false,
+        "defaultValue": {
+          "value": "'local'",
+          "computed": false
+        },
+        "type": {
+          "name": "enum",
+          "value": [
+            {
+              "value": "'local'",
+              "computed": false
+            },
+            {
+              "value": "'session'",
+              "computed": false
+            },
+            {
+              "value": "'memory'",
+              "computed": false
+            }
+          ],
+          "raw": "\"local\" | \"session\" | \"memory\""
+        }
       }
     },
     "isContext": false