Remove outdated menu.json and add index.mdx files for UI documentation structure

docs/menu.json

@@ -1,317 +0,0 @@
-[
-  {
-    "title": "Getting started",
-    "items": [
-      {
-        "title": "Introduction",
-        "href": "/docs/ui/getting-started"
-      },
-      {
-        "title": "Browser Support",
-        "href": "/docs/ui/getting-started/browser-support"
-      },
-      {
-        "title": "Customize Tabler",
-        "href": "/docs/ui/getting-started/customize"
-      },
-      {
-        "title": "Download",
-        "href": "/docs/ui/getting-started/download"
-      },
-      {
-        "title": "FAQ",
-        "href": "/docs/ui/getting-started/faq"
-      }
-    ]
-  },
-  {
-    "title": "Base",
-    "items": [
-      {
-        "title": "Colors",
-        "label": "new",
-        "href": "/docs/ui/base/colors"
-      },
-      {
-        "title": "Typography",
-        "href": "/docs/ui/base/typography"
-      }
-    ]
-  },
-  {
-    "title": "Layout",
-    "items": [
-      {
-        "title": "Page layouts",
-        "label": "new",
-        "href": "/docs/ui/layout/page-layouts"
-      },
-      {
-        "title": "Page headers",
-        "href": "/docs/ui/layout/page-headers"
-      }
-    ]
-  },
-  {
-    "title": "Components",
-    "items": [
-      {
-        "title": "Alerts",
-        "href": "/docs/ui/components/alerts"
-      },
-      {
-        "title": "Autosize",
-        "href": "/docs/ui/components/autosize"
-      },
-      {
-        "title": "Avatars",
-        "href": "/docs/ui/components/avatars"
-      },
-      {
-        "title": "Badges",
-        "href": "/docs/ui/components/badges"
-      },
-      {
-        "title": "Breadcrumb",
-        "href": "/docs/ui/components/breadcrumb"
-      },
-      {
-        "title": "Buttons",
-        "href": "/docs/ui/components/buttons"
-      },
-      {
-        "title": "Cards",
-        "href": "/docs/ui/components/cards"
-      },
-      {
-        "title": "Carousel",
-        "href": "/docs/ui/components/carousel"
-      },
-      {
-        "title": "Charts",
-        "href": "/docs/ui/components/charts"
-      },
-      {
-        "title": "Datagrid",
-        "href": "/docs/ui/components/datagrid"
-      },
-      {
-        "title": "Divider",
-        "href": "/docs/ui/components/divider"
-      },
-      {
-        "title": "Dropdowns",
-        "href": "/docs/ui/components/dropdowns"
-      },
-      {
-        "title": "Dropzone",
-        "href": "/docs/ui/components/dropzone"
-      },
-      {
-        "title": "Empty",
-        "href": "/docs/ui/components/empty"
-      },
-      {
-        "title": "Icons",
-        "href": "/docs/ui/components/icons"
-      },
-      {
-        "title": "Inline Player",
-        "href": "/docs/ui/components/inline-player"
-      },
-      {
-        "title": "Modals",
-        "href": "/docs/ui/components/modals"
-      },
-      {
-        "title": "Placeholder",
-        "href": "/docs/ui/components/placeholder"
-      },
-      {
-        "title": "Popover",
-        "href": "/docs/ui/components/popover"
-      },
-      {
-        "title": "Progress",
-        "href": "/docs/ui/components/progress"
-      },
-      {
-        "title": "Range slider",
-        "href": "/docs/ui/components/range-slider"
-      },
-      {
-        "title": "Ribbons",
-        "href": "/docs/ui/components/ribbons"
-      },
-      {
-        "title": "Spinners",
-        "href": "/docs/ui/components/spinners"
-      },
-      {
-        "title": "Statuses",
-        "href": "/docs/ui/components/statuses"
-      },
-      {
-        "title": "Steps",
-        "href": "/docs/ui/components/steps"
-      },
-      {
-        "title": "Switch icon",
-        "href": "/docs/ui/components/switch-icon"
-      },
-      {
-        "title": "Tables",
-        "href": "/docs/ui/components/tables"
-      },
-      {
-        "title": "Tabs",
-        "href": "/docs/ui/components/tabs"
-      },
-      {
-        "title": "Timelines",
-        "href": "/docs/ui/components/timelines"
-      },
-      {
-        "title": "Tinymce",
-        "href": "/docs/ui/components/tinymce"
-      },
-      {
-        "title": "Toasts",
-        "href": "/docs/ui/components/toasts"
-      },
-      {
-        "title": "Tooltips",
-        "href": "/docs/ui/components/tooltips"
-      },
-      {
-        "title": "Tracking",
-        "href": "/docs/ui/components/tracking"
-      }
-    ]
-  },
-  {
-    "title": "Forms",
-    "items": [
-      {
-        "title": "Base elements",
-        "href": "/docs/ui/forms/form-elements"
-      },
-      {
-        "title": "Fieldset",
-        "href": "/docs/ui/forms/form-fieldset"
-      },
-      {
-        "title": "Color check",
-        "href": "/docs/ui/forms/form-color-check"
-      },
-      {
-        "title": "Image check",
-        "href": "/docs/ui/forms/form-image-check"
-      },
-      {
-        "title": "Selectbox",
-        "href": "/docs/ui/forms/form-selectboxes"
-      },
-      {
-        "title": "Validation",
-        "href": "/docs/ui/forms/form-validation"
-      },
-      {
-        "title": "Input mask",
-        "href": "/docs/ui/forms/form-input-mask"
-      },
-      {
-        "title": "Form helpers",
-        "href": "/docs/ui/forms/form-helpers"
-      }
-    ]
-  },
-  {
-    "title": "Plugins",
-    "items": [
-      {
-        "title": "Flags",
-        "href": "/docs/ui/plugins/flags"
-      },
-      {
-        "title": "Payments",
-        "href": "/docs/ui/plugins/payments"
-      },
-      {
-        "title": "Social icons",
-        "href": "/docs/ui/plugins/social-icons"
-      }
-    ]
-  },
-  {
-    "title": "Utilities",
-    "items": [
-      {
-        "title": "Borders",
-        "href": "/docs/ui/utilities/borders"
-      },
-      {
-        "title": "Cursors",
-        "href": "/docs/ui/utilities/cursors"
-      },
-      {
-        "title": "Interactions",
-        "href": "/docs/ui/utilities/interactions"
-      }
-    ]
-  },
-  {
-    "title": "Tabler Icons",
-    "items": [
-      {
-        "title": "Introduction",
-        "href": "/docs/icons",
-        "label": "new"
-      },
-      {
-        "title": "SVG version",
-        "href": "/docs/icons/svg"
-      },
-      {
-        "title": "React plugin",
-        "href": "/docs/icons/react"
-      },
-      {
-        "title": "Preact plugin",
-        "href": "/docs/icons/preact"
-      },
-      {
-        "title": "Vue plugin",
-        "href": "/docs/icons/vue"
-      },
-      {
-        "title": "SolidJS plugin",
-        "href": "/docs/icons/solidjs"
-      },
-      {
-        "title": "Svelte plugin",
-        "href": "/docs/icons/svelte"
-      },
-      {
-        "title": "Figma plugin",
-        "href": "/docs/icons/figma"
-      },
-      {
-        "title": "PNG version",
-        "href": "/docs/icons/png"
-      },
-      {
-        "title": "PDF version",
-        "href": "/docs/icons/pdf"
-      },
-      {
-        "title": "EPS version",
-        "href": "/docs/icons/eps"
-      },
-      {
-        "title": "Webfont version",
-        "href": "/docs/icons/webfont"
-      }
-    ]
-  }
-]

docs/ui/base/index.mdx

@@ -0,0 +1,3 @@
+---
+title: Base
+---

docs/ui/components/index.mdx

@@ -0,0 +1,3 @@
+---
+title: Components
+---

docs/ui/forms/index.mdx

@@ -0,0 +1,3 @@
+---
+title: Forms
+---

docs/ui/index.mdx

@@ -0,0 +1,3 @@
+---
+title: UI Kit
+---

docs/ui/layout/index.mdx

@@ -0,0 +1,3 @@
+---
+title: Layout
+---

docs/ui/plugins/index.mdx

@@ -0,0 +1,3 @@
+---
+title: Plugins
+---

docs/ui/utilities/index.mdx

@@ -0,0 +1,3 @@
+---
+title: Utilities
+---