@rio-cloud/uikit-mcp 1.0.0

package/docs/navigation-inventory.json

@@ -0,0 +1,1310 @@
+{
+  "metadata": {
+    "source": "https://uikit.developers.rio.cloud/",
+    "generated_at": "2025-11-21T12:06:54.965Z",
+    "notes": "Captured with Playwright; href values are hash routes relative to the UI Kit SPA."
+  },
+  "navigation": {
+    "Getting started": [
+      {
+        "section": "Welcome",
+        "items": [
+          {
+            "label": "Intro",
+            "href": "#start/intro"
+          },
+          {
+            "label": "Installation",
+            "href": "#start/howto"
+          },
+          {
+            "label": "Changelog",
+            "href": "#start/changelog"
+          }
+        ]
+      },
+      {
+        "section": "Guidelines",
+        "items": [
+          {
+            "label": "Responsiveness",
+            "href": "#start/responsiveness"
+          },
+          {
+            "label": "Good to know",
+            "href": "#start/goodtoknow"
+          },
+          {
+            "label": "Color combinations",
+            "href": "#start/guidelines/color-combinations"
+          },
+          {
+            "label": "Custom CSS",
+            "href": "#start/guidelines/custom-css"
+          },
+          {
+            "label": "Custom icons",
+            "href": "#start/guidelines/custom-rioglyph"
+          },
+          {
+            "label": "Iframes",
+            "href": "#start/guidelines/iframe"
+          },
+          {
+            "label": "Loading",
+            "href": "#start/guidelines/spinner"
+          },
+          {
+            "label": "HTML emails",
+            "href": "#start/guidelines/email"
+          },
+          {
+            "label": "Print CSS",
+            "href": "#start/guidelines/print-css"
+          },
+          {
+            "label": "Obfuscate data",
+            "href": "#start/guidelines/obfuscate-data"
+          },
+          {
+            "label": "Supported Browsers",
+            "href": "#start/guidelines/supported-browsers"
+          },
+          {
+            "label": "Formatting guide",
+            "href": "#start/guidelines/formatting"
+          },
+          {
+            "label": "Writing style guide",
+            "href": "#start/guidelines/writing"
+          }
+        ]
+      },
+      {
+        "section": "Demo service",
+        "items": [
+          {
+            "label": "Start",
+            "href": "#demoService/start"
+          },
+          {
+            "label": "Table",
+            "href": "#demoService/table"
+          }
+        ]
+      }
+    ],
+    "Foundations": [
+      {
+        "section": "Interaction",
+        "items": [
+          {
+            "label": "Buttons",
+            "href": "#foundations/buttons"
+          }
+        ]
+      },
+      {
+        "section": "Colors",
+        "items": [
+          {
+            "label": "Background",
+            "href": "#foundations/backgroundColors"
+          },
+          {
+            "label": "Text",
+            "href": "#foundations/textColors"
+          },
+          {
+            "label": "SVG",
+            "href": "#foundations/svgColors"
+          }
+        ]
+      },
+      {
+        "section": "Styling",
+        "items": [
+          {
+            "label": "Background",
+            "href": "#foundations/background"
+          },
+          {
+            "label": "Border",
+            "href": "#foundations/border"
+          },
+          {
+            "label": "Divider",
+            "href": "#foundations/divider"
+          },
+          {
+            "label": "Opacity",
+            "href": "#foundations/opacity"
+          },
+          {
+            "label": "Rounded",
+            "href": "#foundations/rounded"
+          },
+          {
+            "label": "Shadows",
+            "href": "#foundations/shadows"
+          }
+        ]
+      },
+      {
+        "section": "Icons",
+        "items": [
+          {
+            "label": "RIOglyph",
+            "href": "#foundations/rioglyph"
+          },
+          {
+            "label": "Vehicle icons",
+            "href": "#foundations/vehicleIcons"
+          },
+          {
+            "label": "Pair icons",
+            "href": "#foundations/pairIcons"
+          },
+          {
+            "label": "Animated icons",
+            "href": "#foundations/animatedIcons"
+          },
+          {
+            "label": "Filled icons",
+            "href": "#foundations/filledIcons"
+          },
+          {
+            "label": "Custom icons",
+            "href": "#foundations/customIcons"
+          },
+          {
+            "label": "RIOglyph text alignment",
+            "href": "#foundations/iconAlignment"
+          },
+          {
+            "label": "Icon library",
+            "href": "#foundations/iconLibrary"
+          }
+        ]
+      },
+      {
+        "section": "Text",
+        "items": [
+          {
+            "label": "Text styles",
+            "href": "#foundations/textStyles"
+          },
+          {
+            "label": "Alignment",
+            "href": "#foundations/alignment"
+          },
+          {
+            "label": "Blockquote",
+            "href": "#foundations/blockquote"
+          },
+          {
+            "label": "Code",
+            "href": "#foundations/code"
+          },
+          {
+            "label": "Cursor",
+            "href": "#foundations/cursors"
+          },
+          {
+            "label": "Ellipsis",
+            "href": "#foundations/ellipsis"
+          },
+          {
+            "label": "Line height",
+            "href": "#foundations/lineHeight"
+          },
+          {
+            "label": "User select",
+            "href": "#foundations/userSelect"
+          },
+          {
+            "label": "Wrapping",
+            "href": "#foundations/textWrapping"
+          }
+        ]
+      },
+      {
+        "section": "Layout",
+        "items": [
+          {
+            "label": "Cols",
+            "href": "#foundations/cols"
+          },
+          {
+            "label": "Container",
+            "href": "#foundations/container"
+          },
+          {
+            "label": "Container queries",
+            "href": "#foundations/containerQueries"
+          },
+          {
+            "label": "Flexbox",
+            "href": "#foundations/flexbox"
+          },
+          {
+            "label": "Grid",
+            "href": "#foundations/grid"
+          },
+          {
+            "label": "Subgrid",
+            "href": "#foundations/subgrid"
+          },
+          {
+            "label": "Position",
+            "href": "#foundations/position"
+          }
+        ]
+      },
+      {
+        "section": "Spacing",
+        "items": [
+          {
+            "label": "Gap",
+            "href": "#foundations/gap"
+          },
+          {
+            "label": "Space",
+            "href": "#foundations/space"
+          },
+          {
+            "label": "Margin",
+            "href": "#foundations/margin"
+          },
+          {
+            "label": "Padding",
+            "href": "#foundations/padding"
+          }
+        ]
+      },
+      {
+        "section": "Sizing",
+        "items": [
+          {
+            "label": "Height",
+            "href": "#foundations/height"
+          },
+          {
+            "label": "Width",
+            "href": "#foundations/width"
+          }
+        ]
+      },
+      {
+        "section": "Navigation",
+        "items": [
+          {
+            "label": "Breadcrumbs",
+            "href": "#foundations/breadcrumbs"
+          },
+          {
+            "label": "Pager",
+            "href": "#foundations/pager"
+          },
+          {
+            "label": "Pagination",
+            "href": "#foundations/pagination"
+          },
+          {
+            "label": "Pills",
+            "href": "#foundations/pills"
+          },
+          {
+            "label": "Tabs",
+            "href": "#foundations/tabs"
+          }
+        ]
+      },
+      {
+        "section": "Tables",
+        "items": [
+          {
+            "label": "Table",
+            "href": "#foundations/table"
+          },
+          {
+            "label": "Hover table",
+            "href": "#foundations/tableHover"
+          },
+          {
+            "label": "Bordered table",
+            "href": "#foundations/tableBordered"
+          },
+          {
+            "label": "Striped table",
+            "href": "#foundations/tableStriped"
+          },
+          {
+            "label": "Grouped table",
+            "href": "#foundations/tableGrouped"
+          },
+          {
+            "label": "Sticky table",
+            "href": "#foundations/tableSticky"
+          },
+          {
+            "label": "Table grid lines",
+            "href": "#foundations/tableGridLines"
+          },
+          {
+            "label": "Table row span",
+            "href": "#foundations/tableRowSpan"
+          },
+          {
+            "label": "Table double row header",
+            "href": "#foundations/tableDoubleRowHeader"
+          },
+          {
+            "label": "Condensed table",
+            "href": "#foundations/tableCondensed"
+          },
+          {
+            "label": "Fixed table",
+            "href": "#foundations/tableFixed"
+          },
+          {
+            "label": "Responsive table",
+            "href": "#foundations/tableResponsive"
+          },
+          {
+            "label": "States in tables",
+            "href": "#foundations/tableStates"
+          }
+        ]
+      },
+      {
+        "section": "Elements",
+        "items": [
+          {
+            "label": "Alerts",
+            "href": "#foundations/alerts"
+          },
+          {
+            "label": "Badges",
+            "href": "#foundations/badges"
+          },
+          {
+            "label": "Callouts",
+            "href": "#foundations/callouts"
+          },
+          {
+            "label": "Counter",
+            "href": "#foundations/counter"
+          },
+          {
+            "label": "Key",
+            "href": "#foundations/key"
+          },
+          {
+            "label": "Labels",
+            "href": "#foundations/labels"
+          },
+          {
+            "label": "Lists",
+            "href": "#foundations/lists"
+          },
+          {
+            "label": "List groups",
+            "href": "#foundations/listGroups"
+          },
+          {
+            "label": "Panels",
+            "href": "#foundations/panels"
+          },
+          {
+            "label": "Progress bars",
+            "href": "#foundations/progress"
+          },
+          {
+            "label": "Wells",
+            "href": "#foundations/wells"
+          }
+        ]
+      },
+      {
+        "section": "Forms",
+        "items": [
+          {
+            "label": "Forms",
+            "href": "#foundations/forms"
+          }
+        ]
+      },
+      {
+        "section": "Animate",
+        "items": [
+          {
+            "label": "Animations",
+            "href": "#foundations/animations"
+          },
+          {
+            "label": "Transition",
+            "href": "#foundations/transition"
+          }
+        ]
+      },
+      {
+        "section": "CSS Filter",
+        "items": [
+          {
+            "label": "Blur",
+            "href": "#foundations/blur"
+          }
+        ]
+      },
+      {
+        "section": "Utilities",
+        "items": [
+          {
+            "label": "Aspect ratio",
+            "href": "#foundations/aspectRatio"
+          },
+          {
+            "label": "Inset",
+            "href": "#foundations/inset"
+          },
+          {
+            "label": "Helper",
+            "href": "#foundations/helper"
+          }
+        ]
+      },
+      {
+        "section": "Transform",
+        "items": [
+          {
+            "label": "Rotate",
+            "href": "#foundations/rotate"
+          },
+          {
+            "label": "Scale",
+            "href": "#foundations/scale"
+          },
+          {
+            "label": "Translate",
+            "href": "#foundations/translate"
+          }
+        ]
+      },
+      {
+        "section": "Visibility",
+        "items": [
+          {
+            "label": "Display",
+            "href": "#foundations/display"
+          },
+          {
+            "label": "Overflow",
+            "href": "#foundations/overflow"
+          },
+          {
+            "label": "Visibility",
+            "href": "#foundations/visibility"
+          },
+          {
+            "label": "Z-Index",
+            "href": "#foundations/zIndex"
+          }
+        ]
+      }
+    ],
+    "Components": [
+      {
+        "section": "Application",
+        "items": [
+          {
+            "label": "ApplicationLayout",
+            "href": "#components/appLayout"
+          },
+          {
+            "label": "ApplicationHeader",
+            "href": "#components/appHeader"
+          },
+          {
+            "label": "BottomSheet",
+            "href": "#components/bottomSheet"
+          },
+          {
+            "label": "Sidebar",
+            "href": "#components/sidebar"
+          }
+        ]
+      },
+      {
+        "section": "Navigation",
+        "items": [
+          {
+            "label": "MainNavigation",
+            "href": "#components/mainNavigation"
+          },
+          {
+            "label": "SubNavigation",
+            "href": "#components/subNavigation"
+          },
+          {
+            "label": "AppNavigationBar",
+            "href": "#components/appNavigationBar"
+          },
+          {
+            "label": "Pager",
+            "href": "#components/pager"
+          }
+        ]
+      },
+      {
+        "section": "Interaction",
+        "items": [
+          {
+            "label": "Button",
+            "href": "#components/button"
+          },
+          {
+            "label": "ButtonToolbar",
+            "href": "#components/buttonToolbar"
+          },
+          {
+            "label": "Checkbox",
+            "href": "#components/checkbox"
+          },
+          {
+            "label": "ClearableInput",
+            "href": "#components/clearableInput"
+          },
+          {
+            "label": "EditableContent",
+            "href": "#components/editableContent"
+          },
+          {
+            "label": "LoadMoreButton",
+            "href": "#components/loadMore"
+          },
+          {
+            "label": "NumberControl",
+            "href": "#components/numbercontrol"
+          },
+          {
+            "label": "RadioButton",
+            "href": "#components/radiobutton"
+          },
+          {
+            "label": "StepButton",
+            "href": "#components/stepButton"
+          },
+          {
+            "label": "SaveableInput",
+            "href": "#components/saveableInput"
+          },
+          {
+            "label": "Slider",
+            "href": "#components/sliders"
+          },
+          {
+            "label": "Switch",
+            "href": "#components/switch"
+          },
+          {
+            "label": "ToggleButton",
+            "href": "#components/toggleButton"
+          }
+        ]
+      },
+      {
+        "section": "Show/Hide",
+        "items": [
+          {
+            "label": "Collapse",
+            "href": "#components/collapse"
+          },
+          {
+            "label": "Expanders",
+            "href": "#components/expander"
+          },
+          {
+            "label": "Fade",
+            "href": "#components/fade"
+          },
+          {
+            "label": "FadeExpander",
+            "href": "#components/fadeExpander"
+          },
+          {
+            "label": "FadeUp",
+            "href": "#components/fadeUp"
+          }
+        ]
+      },
+      {
+        "section": "Selection",
+        "items": [
+          {
+            "label": "AssetTree",
+            "href": "#components/assetTree"
+          },
+          {
+            "label": "AutoSuggest",
+            "href": "#components/autosuggests"
+          },
+          {
+            "label": "ButtonDropdown",
+            "href": "#components/dropdowns"
+          },
+          {
+            "label": "Select",
+            "href": "#components/selects"
+          },
+          {
+            "label": "Multiselect",
+            "href": "#components/multiselects"
+          }
+        ]
+      },
+      {
+        "section": "Pickers",
+        "items": [
+          {
+            "label": "DatePicker",
+            "href": "#components/datepickers"
+          },
+          {
+            "label": "FilePicker",
+            "href": "#components/filePickers"
+          },
+          {
+            "label": "TimePicker",
+            "href": "#components/timepicker"
+          }
+        ]
+      },
+      {
+        "section": "Progress",
+        "items": [
+          {
+            "label": "BarList",
+            "href": "#components/barList"
+          },
+          {
+            "label": "StatusBar",
+            "href": "#components/statusBar"
+          },
+          {
+            "label": "SteppedProgress",
+            "href": "#components/steppedProgressBars"
+          }
+        ]
+      },
+      {
+        "section": "Content",
+        "items": [
+          {
+            "label": "Animations",
+            "href": "#components/animations"
+          },
+          {
+            "label": "AnimatedNumber",
+            "href": "#components/animatedNumber"
+          },
+          {
+            "label": "Banner",
+            "href": "#components/banner"
+          },
+          {
+            "label": "Card",
+            "href": "#components/card"
+          },
+          {
+            "label": "Carousel",
+            "href": "#components/carousel"
+          },
+          {
+            "label": "ContentLoader",
+            "href": "#components/contentLoader"
+          },
+          {
+            "label": "DataTabs",
+            "href": "#components/dataTabs"
+          },
+          {
+            "label": "Dialogs",
+            "href": "#components/dialogs"
+          },
+          {
+            "label": "FormLabel",
+            "href": "#components/formLabel"
+          },
+          {
+            "label": "GroupedItemList",
+            "href": "#components/groupedItemList"
+          },
+          {
+            "label": "LabeledElement",
+            "href": "#components/labeledElement"
+          },
+          {
+            "label": "NoData",
+            "href": "#components/noData"
+          },
+          {
+            "label": "Page",
+            "href": "#components/page"
+          },
+          {
+            "label": "ResponsiveColumnStripe",
+            "href": "#components/responsiveColumnStripe"
+          },
+          {
+            "label": "States",
+            "href": "#components/states"
+          },
+          {
+            "label": "StatsWidgets",
+            "href": "#components/statsWidgets"
+          },
+          {
+            "label": "Table components",
+            "href": "#components/tables"
+          },
+          {
+            "label": "Teaser",
+            "href": "#components/teaser"
+          },
+          {
+            "label": "VirtualList",
+            "href": "#components/virtualList"
+          }
+        ]
+      },
+      {
+        "section": "Misc",
+        "items": [
+          {
+            "label": "AccentBar",
+            "href": "#components/accentBar"
+          },
+          {
+            "label": "Activity",
+            "href": "#components/activity"
+          },
+          {
+            "label": "AspectRatioPlaceholder",
+            "href": "#components/aspectRatioPlaceholder"
+          },
+          {
+            "label": "Avatar",
+            "href": "#components/avatar"
+          },
+          {
+            "label": "CalendarStripe",
+            "href": "#components/calendarStripe"
+          },
+          {
+            "label": "Divider",
+            "href": "#components/divider"
+          },
+          {
+            "label": "Feedback",
+            "href": "#components/feedback"
+          },
+          {
+            "label": "ImagePreloader",
+            "href": "#components/imagePreloader"
+          },
+          {
+            "label": "ListMenu",
+            "href": "#components/listMenu"
+          },
+          {
+            "label": "LicensePlate",
+            "href": "#components/licensePlate"
+          },
+          {
+            "label": "Notifications",
+            "href": "#components/notifications"
+          },
+          {
+            "label": "Onboarding",
+            "href": "#components/onboarding"
+          },
+          {
+            "label": "Popover",
+            "href": "#components/popover"
+          },
+          {
+            "label": "Position",
+            "href": "#components/position"
+          },
+          {
+            "label": "ReleaseNotes",
+            "href": "#components/releaseNotes"
+          },
+          {
+            "label": "Resizer",
+            "href": "#components/resizer"
+          },
+          {
+            "label": "ResponsiveVideo",
+            "href": "#components/responsiveVideo"
+          },
+          {
+            "label": "Rioglyph",
+            "href": "#components/rioglyph"
+          },
+          {
+            "label": "Rules",
+            "href": "#components/rules"
+          },
+          {
+            "label": "SmoothScrollbars",
+            "href": "#components/smoothScrollbars"
+          },
+          {
+            "label": "Spinner",
+            "href": "#components/spinners"
+          },
+          {
+            "label": "SupportMarker",
+            "href": "#components/supportMarker"
+          },
+          {
+            "label": "SvgImage",
+            "href": "#components/svgImage"
+          },
+          {
+            "label": "TagManager",
+            "href": "#components/tagManager"
+          },
+          {
+            "label": "Tags",
+            "href": "#components/tags"
+          },
+          {
+            "label": "Tooltip",
+            "href": "#components/tooltip"
+          }
+        ]
+      },
+      {
+        "section": "CSS Only",
+        "items": [
+          {
+            "label": "Chat",
+            "href": "#components/chat"
+          },
+          {
+            "label": "IconList",
+            "href": "#components/iconList"
+          },
+          {
+            "label": "Timeline",
+            "href": "#components/timeline"
+          }
+        ]
+      },
+      {
+        "section": "Map",
+        "items": [
+          {
+            "label": "Map - Getting started",
+            "href": "#components/mapGettingStarted"
+          },
+          {
+            "label": "Map",
+            "href": "#components/basicMap"
+          },
+          {
+            "label": "Map cluster",
+            "href": "#components/mapCluster"
+          },
+          {
+            "label": "Map marker",
+            "href": "#components/mapMarker"
+          },
+          {
+            "label": "Map draggable marker",
+            "href": "#components/mapDraggableMarker"
+          },
+          {
+            "label": "Map group",
+            "href": "#components/mapGroup"
+          },
+          {
+            "label": "Map settings",
+            "href": "#components/mapSettings"
+          },
+          {
+            "label": "MapLayerGroup",
+            "href": "#components/mapLayerGroup"
+          },
+          {
+            "label": "Map InfoBubble",
+            "href": "#components/mapInfoBubble"
+          },
+          {
+            "label": "Map circle",
+            "href": "#components/mapCircle"
+          },
+          {
+            "label": "Map polygon & isoline",
+            "href": "#components/mapPolygon"
+          },
+          {
+            "label": "Map route",
+            "href": "#components/mapRoute"
+          },
+          {
+            "label": "Map context menu",
+            "href": "#components/mapContext"
+          },
+          {
+            "label": "Map utils",
+            "href": "#components/mapUtils"
+          },
+          {
+            "label": "Route generator demo",
+            "href": "#components/mapRouteGenerator"
+          },
+          {
+            "label": "Map fullscreen demo",
+            "href": "#components/fullscreenMap"
+          }
+        ]
+      },
+      {
+        "section": "Charts",
+        "items": [
+          {
+            "label": "Charts - Getting Started",
+            "href": "#components/chartsGettingStarted"
+          },
+          {
+            "label": "Chart Colors",
+            "href": "#components/chartColors"
+          },
+          {
+            "label": "AreaCharts",
+            "href": "#components/areaCharts"
+          },
+          {
+            "label": "ComposedCharts",
+            "href": "#components/composedCharts"
+          },
+          {
+            "label": "LineCharts",
+            "href": "#components/lineCharts"
+          },
+          {
+            "label": "BarCharts",
+            "href": "#components/barCharts"
+          },
+          {
+            "label": "PieCharts",
+            "href": "#components/pieCharts"
+          },
+          {
+            "label": "RadialBarCharts",
+            "href": "#components/radialBarCharts"
+          }
+        ]
+      }
+    ],
+    "Templates": [
+      {
+        "section": "Content",
+        "items": [
+          {
+            "label": "Feature cards",
+            "href": "#templates/feature-cards"
+          },
+          {
+            "label": "Detail views",
+            "href": "#templates/detail-views"
+          },
+          {
+            "label": "Expandable details",
+            "href": "#templates/expandable-details"
+          },
+          {
+            "label": "List blocks",
+            "href": "#templates/list-blocks"
+          },
+          {
+            "label": "Panel variants",
+            "href": "#templates/panel-variants"
+          },
+          {
+            "label": "Options panel",
+            "href": "#templates/options-panel"
+          },
+          {
+            "label": "Usage cards",
+            "href": "#templates/usage-cards"
+          },
+          {
+            "label": "Stats blocks",
+            "href": "#templates/stats-blocks"
+          }
+        ]
+      },
+      {
+        "section": "Forms",
+        "items": [
+          {
+            "label": "Settings form",
+            "href": "#templates/settings-form"
+          },
+          {
+            "label": "Form toggle",
+            "href": "#templates/form-toggle"
+          },
+          {
+            "label": "Form summary",
+            "href": "#templates/form-summary"
+          }
+        ]
+      },
+      {
+        "section": "Progress",
+        "items": [
+          {
+            "label": "Loading progress",
+            "href": "#templates/loading-progress"
+          },
+          {
+            "label": "Progress cards",
+            "href": "#templates/progress-cards"
+          },
+          {
+            "label": "Progress success",
+            "href": "#templates/progress-success"
+          }
+        ]
+      },
+      {
+        "section": "Tables",
+        "items": [
+          {
+            "label": "Common table",
+            "href": "#templates/common-table"
+          },
+          {
+            "label": "Table panel",
+            "href": "#templates/table-panel"
+          },
+          {
+            "label": "Table row animation",
+            "href": "#templates/table-row-animation"
+          }
+        ]
+      }
+    ],
+    "Utilities": [
+      {
+        "section": "Helper",
+        "items": [
+          {
+            "label": "Device utils",
+            "href": "#utilities/deviceUtils"
+          },
+          {
+            "label": "Fuel type utils",
+            "href": "#utilities/fuelTypeUtils"
+          },
+          {
+            "label": "Route utils",
+            "href": "#utilities/routeUtils"
+          },
+          {
+            "label": "URL feature toggles",
+            "href": "#utilities/featureToggles"
+          }
+        ]
+      },
+      {
+        "section": "Lifecycle & execution hooks",
+        "items": [
+          {
+            "label": "useAfterMount",
+            "href": "#utilities/useAfterMount"
+          },
+          {
+            "label": "useEffectOnce",
+            "href": "#utilities/useEffectOnce"
+          },
+          {
+            "label": "useElapsedTime",
+            "href": "#utilities/useElapsedTime"
+          },
+          {
+            "label": "useInterval",
+            "href": "#utilities/useInterval"
+          },
+          {
+            "label": "usePrevious",
+            "href": "#utilities/usePrevious"
+          },
+          {
+            "label": "useTimeout",
+            "href": "#utilities/useTimeout"
+          },
+          {
+            "label": "useToggle",
+            "href": "#utilities/useToggle"
+          }
+        ]
+      },
+      {
+        "section": "DOM behavior hooks",
+        "items": [
+          {
+            "label": "useClickOutside",
+            "href": "#utilities/useClickOutside"
+          },
+          {
+            "label": "useElementSize",
+            "href": "#utilities/useElementSize"
+          },
+          {
+            "label": "useEsc",
+            "href": "#utilities/useEsc"
+          },
+          {
+            "label": "useFocusTrap",
+            "href": "#utilities/useFocusTrap"
+          },
+          {
+            "label": "useFullscreen",
+            "href": "#utilities/useFullscreen"
+          },
+          {
+            "label": "useHover",
+            "href": "#utilities/useHover"
+          },
+          {
+            "label": "useIsFocusWithin",
+            "href": "#utilities/useIsFocusWithin"
+          },
+          {
+            "label": "useKey",
+            "href": "#utilities/useKey"
+          },
+          {
+            "label": "useMutationObserver",
+            "href": "#utilities/useMutationObserver"
+          },
+          {
+            "label": "useOnScreen",
+            "href": "#utilities/useOnScreen"
+          },
+          {
+            "label": "useResizeObserver",
+            "href": "#utilities/useResizeObserver"
+          },
+          {
+            "label": "useScrollPosition",
+            "href": "#utilities/useScrollPosition"
+          },
+          {
+            "label": "useWindowResize",
+            "href": "#utilities/useWindowResize"
+          }
+        ]
+      },
+      {
+        "section": "Browser & device hooks",
+        "items": [
+          {
+            "label": "useClipboard",
+            "href": "#utilities/useClipboard"
+          },
+          {
+            "label": "useDarkMode",
+            "href": "#utilities/useDarkMode"
+          },
+          {
+            "label": "useLocalStorage / useSessionStorage",
+            "href": "#utilities/useLocalStorage"
+          },
+          {
+            "label": "useOnlineStatus",
+            "href": "#utilities/useOnlineStatus"
+          },
+          {
+            "label": "usePostMessage",
+            "href": "#utilities/usePostMessage"
+          }
+        ]
+      },
+      {
+        "section": "UI state & input hooks",
+        "items": [
+          {
+            "label": "useDebugInfo",
+            "href": "#utilities/useDebugInfo"
+          },
+          {
+            "label": "useEvent",
+            "href": "#utilities/useEvent"
+          },
+          {
+            "label": "useLocationSuggestions",
+            "href": "#utilities/useLocationSuggestions"
+          },
+          {
+            "label": "useSearch",
+            "href": "#utilities/useSearch"
+          },
+          {
+            "label": "useStateWithValidation",
+            "href": "#utilities/useStateWithValidation"
+          }
+        ]
+      },
+      {
+        "section": "Data aggregation hooks",
+        "items": [
+          {
+            "label": "useAverage",
+            "href": "#utilities/useAverage"
+          },
+          {
+            "label": "useCount",
+            "href": "#utilities/useCount"
+          },
+          {
+            "label": "useMax",
+            "href": "#utilities/useMax"
+          },
+          {
+            "label": "useMin",
+            "href": "#utilities/useMin"
+          },
+          {
+            "label": "useSum",
+            "href": "#utilities/useSum"
+          }
+        ]
+      },
+      {
+        "section": "Table & data hooks",
+        "items": [
+          {
+            "label": "useSorting",
+            "href": "#utilities/useSorting"
+          },
+          {
+            "label": "useTableExport",
+            "href": "#utilities/useTableExport"
+          },
+          {
+            "label": "useTableSelection",
+            "href": "#utilities/useTableSelection"
+          }
+        ]
+      }
+    ]
+  }
+}