[
  {
    "id": "charts-area-chart",
    "name": "AreaChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/area-chart",
    "docsUrl": "https://mantine.dev/charts/area-chart",
    "description": "Area chart component with stacked, percent and split variants",
    "searchTags": "graph, plot, data visualization, stacked chart, trend chart, recharts",
    "headings": [
      "Usage",
      "Stacked area chart",
      "Percent area chart",
      "Streamgraph",
      "Split area chart",
      "Split colors",
      "Legend",
      "Legend position",
      "Series labels",
      "Set curve type per line",
      "Connect nulls",
      "Points labels",
      "X and Y axis props",
      "Axis labels",
      "X axis offset",
      "Y axis scale",
      "Right Y axis",
      "Rotate x-axis labels",
      "Value formatter",
      "Area color",
      "Change area color depending on color scheme",
      "Stroke dash array",
      "Grid and text colors",
      "Tooltip animation",
      "Units",
      "Custom tooltip",
      "Remove tooltip",
      "Customize dots",
      "Stroke width",
      "Fill opacity",
      "Sync multiple AreaCharts",
      "Vertical orientation",
      "Dashed area line",
      "Reference lines",
      "Reference areas",
      "Reference dots",
      "Brush",
      "Brush props",
      "ChartBrush component"
    ],
    "propsCount": 47,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-area-chart.md",
    "searchText": "areachart area chart component with stacked, percent and split variants @mantine/charts /charts/area-chart charts graph, plot, data visualization, stacked chart, trend chart, recharts usage stacked area chart percent area chart streamgraph split area chart split colors legend legend position series labels set curve type per line connect nulls points labels x and y axis props axis labels x axis offset y axis scale right y axis rotate x-axis labels value formatter area color change area color depending on color scheme stroke dash array grid and text colors tooltip animation units custom tooltip remove tooltip customize dots stroke width fill opacity sync multiple areacharts vertical orientation dashed area line reference lines reference areas reference dots brush brush props chartbrush component accessibilitylayer activedotprops areachartprops areaprops brushprops children connectnulls curvetype data datakey dotprops fillopacity gridaxis gridcolor gridprops legendprops orientation referenceareas referencedots referencelines rightyaxislabel rightyaxisprops series splitcolors splitoffset strokedasharray strokewidth textcolor tickline tooltipanimationduration tooltipprops type unit valueformatter withbrush withdots withgradient withlegend withpointlabels withrightyaxis withtooltip withxaxis withyaxis xaxislabel xaxisprops yaxislabel yaxisprops"
  },
  {
    "id": "charts-bar-chart",
    "name": "BarChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/bar-chart",
    "docsUrl": "https://mantine.dev/charts/bar-chart",
    "description": "Bar chart component with stacked and percent variants",
    "searchTags": "graph, plot, data visualization, column chart, histogram, recharts",
    "headings": [
      "Usage",
      "Stacked bar chart",
      "Mixed stacked bar chart",
      "Percent bar chart",
      "Waterfall bar chart",
      "SVG pattern as bar fill",
      "Bar color based on value",
      "Legend",
      "Legend position",
      "Series labels",
      "X and Y axis props",
      "Axis labels",
      "X axis offset",
      "Y axis scale",
      "Value formatter",
      "Area color",
      "Bar props",
      "Minimum bar size",
      "Change bar color depending on color scheme",
      "Stroke dash array",
      "Grid and text colors",
      "Tooltip animation",
      "Units",
      "Custom tooltip",
      "Remove tooltip",
      "Sync multiple BarCharts",
      "Vertical orientation",
      "Reference lines",
      "Reference areas",
      "Reference dots",
      "Bar value label",
      "Bar value label props",
      "Bar overlays",
      "Brush"
    ],
    "propsCount": 44,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-bar-chart.md",
    "searchText": "barchart bar chart component with stacked and percent variants @mantine/charts /charts/bar-chart charts graph, plot, data visualization, column chart, histogram, recharts usage stacked bar chart mixed stacked bar chart percent bar chart waterfall bar chart svg pattern as bar fill bar color based on value legend legend position series labels x and y axis props axis labels x axis offset y axis scale value formatter area color bar props minimum bar size change bar color depending on color scheme stroke dash array grid and text colors tooltip animation units custom tooltip remove tooltip sync multiple barcharts vertical orientation reference lines reference areas reference dots bar value label bar value label props bar overlays brush accessibilitylayer barchartprops barlabelcolor barprops brushprops children cursorfill data datakey fillopacity getbarcolor gridaxis gridcolor gridprops legendprops maxbarwidth minbarsize orientation referenceareas referencedots referencelines rightyaxislabel rightyaxisprops series strokedasharray textcolor tickline tooltipanimationduration tooltipprops type unit valueformatter valuelabelprops withbarvaluelabel withbrush withlegend withrightyaxis withtooltip withxaxis withyaxis xaxislabel xaxisprops yaxislabel yaxisprops"
  },
  {
    "id": "charts-bars-list",
    "name": "BarsList",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/bars-list",
    "docsUrl": "https://mantine.dev/charts/bars-list",
    "description": "Display a list of bars with names and values",
    "searchTags": "progress bars list, ranked bars, leaderboard chart, progress list",
    "headings": [
      "Usage",
      "Data format",
      "Value formatter",
      "Labels",
      "Bar gap",
      "Minimum bar size",
      "Bar height",
      "Bar color",
      "Auto contrast",
      "Custom colors",
      "Get bar props",
      "Custom bar rendering"
    ],
    "propsCount": 12,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-bars-list.md",
    "searchText": "barslist display a list of bars with names and values @mantine/charts /charts/bars-list charts progress bars list, ranked bars, leaderboard chart, progress list usage data format value formatter labels bar gap minimum bar size bar height bar color auto contrast custom colors get bar props custom bar rendering autocontrast barcolor bargap barheight bartextcolor barslabel data getbarprops minbarsize renderbar valueformatter valuelabel"
  },
  {
    "id": "charts-bubble-chart",
    "name": "BubbleChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/bubble-chart",
    "docsUrl": "https://mantine.dev/charts/bubble-chart",
    "description": "Bubble chart component",
    "searchTags": "scatter bubble, circles chart, three dimensional chart, recharts",
    "headings": [
      "Usage",
      "Change color",
      "Change area color depending on color scheme",
      "Remove tooltip",
      "Value formatter",
      "Grid and text colors"
    ],
    "propsCount": 15,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-bubble-chart.md",
    "searchText": "bubblechart bubble chart component @mantine/charts /charts/bubble-chart charts scatter bubble, circles chart, three dimensional chart, recharts usage change color change area color depending on color scheme remove tooltip value formatter grid and text colors accessibilitylayer color data datakey gridcolor label range scatterprops textcolor tooltipprops valueformatter withtooltip xaxisprops yaxisprops zaxisprops"
  },
  {
    "id": "charts-bullet-chart",
    "name": "BulletChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/bullet-chart",
    "docsUrl": "https://mantine.dev/charts/bullet-chart",
    "description": "Compact KPI chart with value, target, and qualitative ranges",
    "headings": [
      "Usage",
      "Data format",
      "Label",
      "Vertical orientation",
      "Bar color",
      "Chart size",
      "Value formatter",
      "Without target"
    ],
    "propsCount": 14,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-bullet-chart.md",
    "searchText": "bulletchart compact kpi chart with value, target, and qualitative ranges @mantine/charts /charts/bullet-chart charts usage data format label vertical orientation bar color chart size value formatter without target barcolor barsize gettooltiplabel label orientation ranges size target targetcolor targetratio targetsize value valueformatter withtooltip"
  },
  {
    "id": "charts-candlestick-chart",
    "name": "CandlestickChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/candlestick-chart",
    "docsUrl": "https://mantine.dev/charts/candlestick-chart",
    "description": "Financial OHLC candlestick chart",
    "searchTags": "financial chart, ohlc chart, stock chart, trading chart, candlestick, recharts",
    "headings": [
      "Usage",
      "Data",
      "Custom data keys",
      "Colors",
      "Candle width",
      "Value formatter",
      "Tooltip labels",
      "Axis labels",
      "Reference lines"
    ],
    "propsCount": 31,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-candlestick-chart.md",
    "searchText": "candlestickchart financial ohlc candlestick chart @mantine/charts /charts/candlestick-chart charts financial chart, ohlc chart, stock chart, trading chart, candlestick, recharts usage data custom data keys colors candle width value formatter tooltip labels axis labels reference lines accessibilitylayer candlestrokewidth children composedchartprops data datakey datakeys downcolor gridaxis gridcolor gridprops labels maxcandlewidth referenceareas referencedots referencelines strokedasharray textcolor tickline tooltipanimationduration tooltipprops unit upcolor valueformatter withtooltip withxaxis withyaxis xaxislabel xaxisprops yaxislabel yaxisprops"
  },
  {
    "id": "charts-composite-chart",
    "name": "CompositeChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/composite-chart",
    "docsUrl": "https://mantine.dev/charts/composite-chart",
    "description": "Composed chart with support for Area, Bar and Line charts",
    "searchTags": "mixed chart, combined chart, composed chart, multi type chart, recharts",
    "headings": [
      "Usage",
      "Legend",
      "Legend position",
      "Series labels",
      "Points labels",
      "X and Y axis props",
      "Axis labels",
      "X axis offset",
      "Y axis scale",
      "Right Y axis",
      "Rotate x-axis labels",
      "Value formatter",
      "Chart color",
      "Change chart color depending on color scheme",
      "Stroke dash array",
      "Grid and text colors",
      "Tooltip animation",
      "Units",
      "Custom tooltip",
      "Remove tooltip",
      "Customize dots",
      "Stroke width",
      "Sync multiple charts",
      "Dashed lines",
      "Reference lines",
      "Reference areas",
      "Reference dots",
      "Brush"
    ],
    "propsCount": 46,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-composite-chart.md",
    "searchText": "compositechart composed chart with support for area, bar and line charts @mantine/charts /charts/composite-chart charts mixed chart, combined chart, composed chart, multi type chart, recharts usage legend legend position series labels points labels x and y axis props axis labels x axis offset y axis scale right y axis rotate x-axis labels value formatter chart color change chart color depending on color scheme stroke dash array grid and text colors tooltip animation units custom tooltip remove tooltip customize dots stroke width sync multiple charts dashed lines reference lines reference areas reference dots brush accessibilitylayer activedotprops areaprops barprops brushprops children composedchartprops connectnulls curvetype data datakey dotprops gridaxis gridcolor gridprops legendprops lineprops maxbarwidth minbarsize referenceareas referencedots referencelines rightyaxislabel rightyaxisprops series strokedasharray strokewidth textcolor tickline tooltipanimationduration tooltipprops unit valueformatter withbarvaluelabel withbrush withdots withlegend withpointlabels withrightyaxis withtooltip withxaxis withyaxis xaxislabel xaxisprops yaxislabel yaxisprops"
  },
  {
    "id": "charts-donut-chart",
    "name": "DonutChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/donut-chart",
    "docsUrl": "https://mantine.dev/charts/donut-chart",
    "description": "Donut chart component",
    "searchTags": "doughnut, ring chart, pie chart with hole, circular chart, recharts",
    "headings": [
      "Usage",
      "Legend",
      "Segments labels",
      "Size and thickness",
      "Padding angle",
      "Segment color",
      "Tooltip data source",
      "Without tooltip",
      "Chart label",
      "Start and end angle",
      "Segments stroke"
    ],
    "propsCount": 25,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-donut-chart.md",
    "searchText": "donutchart donut chart component @mantine/charts /charts/donut-chart charts doughnut, ring chart, pie chart with hole, circular chart, recharts usage legend segments labels size and thickness padding angle segment color tooltip data source without tooltip chart label start and end angle segments stroke accessibilitylayer cellprops chartlabel children data endangle labelcolor labelstype legendprops paddingangle piechartprops pieprops size startangle strokecolor strokewidth thickness tooltipanimationduration tooltipdatasource tooltipprops valueformatter withlabels withlabelsline withlegend withtooltip"
  },
  {
    "id": "charts-funnel-chart",
    "name": "FunnelChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/funnel-chart",
    "docsUrl": "https://mantine.dev/charts/funnel-chart",
    "description": "Funnel chart component",
    "searchTags": "conversion funnel, sales funnel, pipeline chart, recharts",
    "headings": [
      "Usage",
      "Legend",
      "Segments labels",
      "Size and thickness",
      "Segment color",
      "Tooltip data source",
      "Without tooltip",
      "Segments stroke"
    ],
    "propsCount": 18,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-funnel-chart.md",
    "searchText": "funnelchart funnel chart component @mantine/charts /charts/funnel-chart charts conversion funnel, sales funnel, pipeline chart, recharts usage legend segments labels size and thickness segment color tooltip data source without tooltip segments stroke accessibilitylayer children data funnelchartprops funnelprops labelcolor labelsposition legendprops size strokecolor strokewidth tooltipanimationduration tooltipdatasource tooltipprops valueformatter withlabels withlegend withtooltip"
  },
  {
    "id": "charts-gauge-chart",
    "name": "GaugeChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/gauge-chart",
    "docsUrl": "https://mantine.dev/charts/gauge-chart",
    "description": "Radial gauge chart for KPI and status display",
    "headings": [
      "Usage",
      "Sections",
      "Target marker",
      "Start and end angle",
      "Thickness",
      "Custom label",
      "Round caps",
      "Accessibility"
    ],
    "propsCount": 16,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-gauge-chart.md",
    "searchText": "gaugechart radial gauge chart for kpi and status display @mantine/charts /charts/gauge-chart charts usage sections target marker start and end angle thickness custom label round caps accessibility endangle filledcolor label max min roundcaps sections size startangle target targetcolor targetsize thickness trackcolor value valueformatter"
  },
  {
    "id": "charts-getting-started",
    "name": "Getting started",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/getting-started",
    "docsUrl": "https://mantine.dev/charts/getting-started",
    "description": "Get started with @mantine/charts package",
    "headings": [
      "Installation",
      "Do not forget to import styles",
      "Based on recharts",
      "Keyboard navigation",
      "accessibilityLayer prop"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-getting-started.md",
    "searchText": "getting started get started with @mantine/charts package @mantine/charts /charts/getting-started charts installation do not forget to import styles based on recharts keyboard navigation accessibilitylayer prop"
  },
  {
    "id": "charts-heatmap",
    "name": "Heatmap",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/heatmap",
    "docsUrl": "https://mantine.dev/charts/heatmap",
    "description": "Heatmap chart component",
    "searchTags": "heat map, grid chart, contribution graph, calendar heatmap, github chart",
    "headings": [
      "Usage",
      "Data format",
      "With tooltip",
      "Change colors",
      "Colors depending on color scheme",
      "Values domain",
      "Weekdays and months labels",
      "Month labels position",
      "Change labels text",
      "Rect size, gap and radius",
      "Pass props to rect",
      "Hide outside dates",
      "First day of week",
      "Legend",
      "Split months"
    ],
    "propsCount": 25,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-heatmap.md",
    "searchText": "heatmap heatmap chart component @mantine/charts /charts/heatmap charts heat map, grid chart, contribution graph, calendar heatmap, github chart usage data format with tooltip change colors colors depending on color scheme values domain weekdays and months labels month labels position change labels text rect size, gap and radius pass props to rect hide outside dates first day of week legend split months colors data domain enddate firstdayofweek fontsize gap getrectprops gettooltiplabel legendlabels monthlabels monthlabelsposition monthslabelsheight rectradius rectsize splitmonths startdate tooltipprops weekdaylabels weekdayslabelswidth withlegend withmonthlabels withoutsidedates withtooltip withweekdaylabels"
  },
  {
    "id": "charts-line-chart",
    "name": "LineChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/line-chart",
    "docsUrl": "https://mantine.dev/charts/line-chart",
    "description": "Line chart component",
    "searchTags": "graph, plot, data visualization, trend, time series, recharts",
    "headings": [
      "Usage",
      "Gradient type",
      "Legend",
      "Legend position",
      "Series labels",
      "Connect nulls",
      "Points labels",
      "X and Y axis props",
      "Axis labels",
      "X axis offset",
      "Y axis scale",
      "Right Y axis",
      "Value formatter",
      "Set curve type per line",
      "Line color",
      "Change line color depending on color scheme",
      "Stroke dash array",
      "Grid and text colors",
      "Tooltip animation",
      "Units",
      "Custom tooltip",
      "Remove tooltip",
      "Customize dots",
      "Stroke width",
      "Sync multiple LineCharts",
      "Vertical orientation",
      "Dashed line",
      "Reference lines",
      "Reference areas",
      "Reference dots",
      "Brush"
    ],
    "propsCount": 45,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-line-chart.md",
    "searchText": "linechart line chart component @mantine/charts /charts/line-chart charts graph, plot, data visualization, trend, time series, recharts usage gradient type legend legend position series labels connect nulls points labels x and y axis props axis labels x axis offset y axis scale right y axis value formatter set curve type per line line color change line color depending on color scheme stroke dash array grid and text colors tooltip animation units custom tooltip remove tooltip customize dots stroke width sync multiple linecharts vertical orientation dashed line reference lines reference areas reference dots brush accessibilitylayer activedotprops brushprops children connectnulls curvetype data datakey dotprops fillopacity gradientstops gridaxis gridcolor gridprops legendprops linechartprops lineprops orientation referenceareas referencedots referencelines rightyaxislabel rightyaxisprops series strokedasharray strokewidth textcolor tickline tooltipanimationduration tooltipprops type unit valueformatter withbrush withdots withlegend withpointlabels withrightyaxis withtooltip withxaxis withyaxis xaxislabel xaxisprops yaxislabel yaxisprops"
  },
  {
    "id": "charts-matrix-chart",
    "name": "MatrixChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/matrix-chart",
    "docsUrl": "https://mantine.dev/charts/matrix-chart",
    "description": "Generic x/y heatmap with categorical axes",
    "headings": [
      "Usage",
      "Data format",
      "Labels",
      "X-axis labels rotation",
      "Tooltip",
      "Colors",
      "Values domain",
      "Cell size and gap",
      "Pass props to cells",
      "Legend",
      "Accessibility"
    ],
    "propsCount": 22,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-matrix-chart.md",
    "searchText": "matrixchart generic x/y heatmap with categorical axes @mantine/charts /charts/matrix-chart charts usage data format labels x-axis labels rotation tooltip colors values domain cell size and gap pass props to cells legend accessibility cellradius cellsize colors data domain emptycolor fontsize gap getcellprops gettooltiplabel legendlabels tooltipprops withlegend withtooltip withxlabels withylabels xlabels xlabelsheight xlabelsposition xlabelsrotation ylabels ylabelswidth"
  },
  {
    "id": "charts-pie-chart",
    "name": "PieChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/pie-chart",
    "docsUrl": "https://mantine.dev/charts/pie-chart",
    "description": "Pie chart component",
    "searchTags": "circular chart, wheel chart, proportion chart, slices, recharts",
    "headings": [
      "Usage",
      "Legend",
      "Segments labels",
      "Size",
      "Segment color",
      "Enable tooltip",
      "Tooltip data source",
      "Start and end angle",
      "Segments stroke"
    ],
    "propsCount": 24,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-pie-chart.md",
    "searchText": "piechart pie chart component @mantine/charts /charts/pie-chart charts circular chart, wheel chart, proportion chart, slices, recharts usage legend segments labels size segment color enable tooltip tooltip data source start and end angle segments stroke accessibilitylayer cellprops children data endangle labelcolor labelsposition labelstype legendprops paddingangle piechartprops pieprops size startangle strokecolor strokewidth tooltipanimationduration tooltipdatasource tooltipprops valueformatter withlabels withlabelsline withlegend withtooltip"
  },
  {
    "id": "charts-radar-chart",
    "name": "RadarChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/radar-chart",
    "docsUrl": "https://mantine.dev/charts/radar-chart",
    "description": "Radar chart component",
    "searchTags": "spider chart, web chart, polar chart, radial chart, recharts",
    "headings": [
      "Usage",
      "Multiple series",
      "Change color",
      "Hide/show chart parts",
      "With tooltip and dots",
      "Recharts props",
      "Legend"
    ],
    "propsCount": 23,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-radar-chart.md",
    "searchText": "radarchart radar chart component @mantine/charts /charts/radar-chart charts spider chart, web chart, polar chart, radial chart, recharts usage multiple series change color hide/show chart parts with tooltip and dots recharts props legend accessibilitylayer activedotprops children data datakey dotprops gridcolor legendprops polarangleaxisprops polargridprops polarradiusaxisprops radarchartprops radarprops series textcolor tooltipanimationduration tooltipprops withdots withlegend withpolarangleaxis withpolargrid withpolarradiusaxis withtooltip"
  },
  {
    "id": "charts-radial-bar-chart",
    "name": "RadialBarChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/radial-bar-chart",
    "docsUrl": "https://mantine.dev/charts/radial-bar-chart",
    "description": "Radial bar chart component",
    "searchTags": "circular bar chart, polar bar chart, ring bar chart, recharts",
    "headings": [
      "Usage",
      "Change color",
      "Legend",
      "Labels",
      "Hide tooltip"
    ],
    "propsCount": 15,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-radial-bar-chart.md",
    "searchText": "radialbarchart radial bar chart component @mantine/charts /charts/radial-bar-chart charts circular bar chart, polar bar chart, ring bar chart, recharts usage change color legend labels hide tooltip accessibilitylayer barsize data datakey emptybackgroundcolor endangle legendprops radialbarchartprops radialbarprops startangle tooltipprops withbackground withlabels withlegend withtooltip"
  },
  {
    "id": "charts-sankey-chart",
    "name": "SankeyChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/sankey-chart",
    "docsUrl": "https://mantine.dev/charts/sankey-chart",
    "description": "Sankey diagram component",
    "headings": [
      "Usage",
      "Node color",
      "Custom colors",
      "Node width and padding",
      "Link opacity",
      "Disable tooltip"
    ],
    "propsCount": 17,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-sankey-chart.md",
    "searchText": "sankeychart sankey diagram component @mantine/charts /charts/sankey-chart charts usage node color custom colors node width and padding link opacity disable tooltip children colors data height iterations linkcolor linkcurvature linkopacity nodecolor nodepadding nodewidth sankeyprops textcolor tooltipanimationduration tooltipprops valueformatter withtooltip"
  },
  {
    "id": "charts-scatter-chart",
    "name": "ScatterChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/scatter-chart",
    "docsUrl": "https://mantine.dev/charts/scatter-chart",
    "description": "Scatter chart component",
    "searchTags": "scatter plot, dot plot, xy plot, correlation chart, recharts",
    "headings": [
      "Usage",
      "Multiple series",
      "Legend",
      "Legend position",
      "X and Y axis props",
      "Right Y axis",
      "Value formatter",
      "Point labels",
      "Grid and text colors",
      "Stroke dash array",
      "Units",
      "Tooltip labels",
      "Custom tooltip",
      "Remove tooltip",
      "Tooltip animation",
      "Customize dots",
      "Reference lines",
      "Reference areas",
      "Reference dots"
    ],
    "propsCount": 33,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-scatter-chart.md",
    "searchText": "scatterchart scatter chart component @mantine/charts /charts/scatter-chart charts scatter plot, dot plot, xy plot, correlation chart, recharts usage multiple series legend legend position x and y axis props right y axis value formatter point labels grid and text colors stroke dash array units tooltip labels custom tooltip remove tooltip tooltip animation customize dots reference lines reference areas reference dots accessibilitylayer data datakey gridaxis gridcolor gridprops labels legendprops orientation pointlabels referenceareas referencedots referencelines rightyaxislabel rightyaxisprops scatterchartprops scatterprops strokedasharray textcolor tickline tooltipanimationduration tooltipprops unit valueformatter withlegend withrightyaxis withtooltip withxaxis withyaxis xaxislabel xaxisprops yaxislabel yaxisprops"
  },
  {
    "id": "charts-sparkline",
    "name": "Sparkline",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/sparkline",
    "docsUrl": "https://mantine.dev/charts/sparkline",
    "description": "Simplified area chart to show trends",
    "searchTags": "mini chart, tiny chart, trend chart, inline chart, micro chart",
    "headings": [
      "Usage",
      "Change area color depending on color scheme",
      "Trend colors"
    ],
    "propsCount": 9,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-sparkline.md",
    "searchText": "sparkline simplified area chart to show trends @mantine/charts /charts/sparkline charts mini chart, tiny chart, trend chart, inline chart, micro chart usage change area color depending on color scheme trend colors areaprops color connectnulls curvetype data fillopacity strokewidth trendcolors withgradient"
  },
  {
    "id": "charts-sunburst-chart",
    "name": "SunburstChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/sunburst-chart",
    "docsUrl": "https://mantine.dev/charts/sunburst-chart",
    "description": "Sunburst chart component for hierarchical data",
    "headings": [
      "Usage",
      "Data format",
      "Node color",
      "Stroke color",
      "Chart size",
      "Gap",
      "Labels",
      "Disable tooltip"
    ],
    "propsCount": 15,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-sunburst-chart.md",
    "searchText": "sunburstchart sunburst chart component for hierarchical data @mantine/charts /charts/sunburst-chart charts usage data format node color stroke color chart size gap labels disable tooltip children data datakey endangle gap innerradius size startangle strokecolor sunburstchartprops tooltipanimationduration tooltipprops valueformatter withlabels withtooltip"
  },
  {
    "id": "charts-treemap",
    "name": "Treemap",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/treemap",
    "docsUrl": "https://mantine.dev/charts/treemap",
    "description": "Treemap chart component",
    "searchTags": "hierarchical chart, nested rectangles, tree map, proportional blocks, recharts",
    "headings": [
      "Usage",
      "Nested data",
      "Node color",
      "autoContrast",
      "Node stroke",
      "Disable tooltip"
    ],
    "propsCount": 14,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-treemap.md",
    "searchText": "treemap treemap chart component @mantine/charts /charts/treemap charts hierarchical chart, nested rectangles, tree map, proportional blocks, recharts usage nested data node color autocontrast node stroke disable tooltip aspectratio autocontrast children data datakey height strokecolor strokewidth textcolor tooltipanimationduration tooltipprops treemapprops valueformatter withtooltip"
  },
  {
    "id": "charts-waffle-chart",
    "name": "WaffleChart",
    "kind": "component",
    "group": "extensions",
    "category": "Charts",
    "package": "@mantine/charts",
    "route": "/charts/waffle-chart",
    "docsUrl": "https://mantine.dev/charts/waffle-chart",
    "description": "Part-to-whole grid chart with colored cells",
    "headings": [
      "Usage",
      "Total",
      "Tooltip",
      "Legend",
      "Gap and grid size",
      "Fill direction",
      "Empty cells color",
      "Accessibility"
    ],
    "propsCount": 13,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/charts-waffle-chart.md",
    "searchText": "wafflechart part-to-whole grid chart with colored cells @mantine/charts /charts/waffle-chart charts usage total tooltip legend gap and grid size fill direction empty cells color accessibility cellradius columns data emptycolor filldirection gap gettooltiplabel legendposition rows size total withlegend withtooltip"
  },
  {
    "id": "code-highlight-code-highlight",
    "name": "CodeHighlight",
    "kind": "component",
    "group": "extensions",
    "category": "Code highlight",
    "package": "@mantine/code-highlight",
    "route": "/code-highlight/code-highlight",
    "docsUrl": "https://mantine.dev/code-highlight/code-highlight",
    "description": "Highlight code with shiki or highlight.js",
    "searchTags": "syntax highlighting, prism, shiki, highlight.js, code block, snippet",
    "headings": [
      "Example",
      "Copy button",
      "With tabs",
      "Tabs with icons",
      "Tabs icons based on file name",
      "Line numbers",
      "First line indentation",
      "Expandable code",
      "Custom controls",
      "Inline code"
    ],
    "propsCount": 47,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/code-highlight-code-highlight.md",
    "searchText": "codehighlight highlight code with shiki or highlight.js @mantine/code-highlight /code-highlight/code-highlight code highlight syntax highlighting, prism, shiki, highlight.js, code block, snippet example copy button with tabs tabs with icons tabs icons based on file name line numbers first line indentation expandable code custom controls inline code background code codecolorscheme collapsecodelabel controls copiedlabel copylabel defaultexpanded expandcodelabel expanded language maxcollapsedheight onexpandedchange radius withborder withcopybutton withexpandbutton withfirstlineindentation withlinenumbers activetab background code codecolorscheme collapsecodelabel controls copiedlabel copylabel defaultactivetab defaultexpanded expandcodelabel expanded getfileicon maxcollapsedheight onexpandedchange ontabchange radius withborder withcopybutton withexpandbutton withfirstlineindentation withlinenumbers background code language radius withborder withfirstlineindentation"
  },
  {
    "id": "code-highlight-getting-started",
    "name": "Getting started",
    "kind": "component",
    "group": "extensions",
    "category": "Code highlight",
    "package": "@mantine/code-highlight",
    "route": "/code-highlight/getting-started",
    "docsUrl": "https://mantine.dev/code-highlight/getting-started",
    "description": "Get started with @mantine/code-highlight package",
    "headings": [
      "Installation",
      "Adapters",
      "Usage with shiki",
      "Lazy languages loading",
      "Unavailable languages",
      "Usage with highlight.js",
      "Create custom adapter"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/code-highlight-getting-started.md",
    "searchText": "getting started get started with @mantine/code-highlight package @mantine/code-highlight /code-highlight/getting-started code highlight installation adapters usage with shiki lazy languages loading unavailable languages usage with highlight.js create custom adapter"
  },
  {
    "id": "code-highlight-json-viewer",
    "name": "JsonViewer",
    "kind": "component",
    "group": "extensions",
    "category": "Code highlight",
    "package": "@mantine/code-highlight",
    "route": "/code-highlight/json-viewer",
    "docsUrl": "https://mantine.dev/code-highlight/json-viewer",
    "description": "Interactive JSON data viewer with expand/collapse, type indicators and copy to clipboard",
    "searchTags": "json tree, json explorer, json view",
    "headings": [
      "Usage",
      "Default expand depth",
      "Long arrays and objects",
      "Root name",
      "Expand all / collapse all controls",
      "Type badges and size",
      "Copy button",
      "Collapse long strings",
      "Sort keys",
      "Highlight items",
      "All expanded",
      "Line numbers",
      "Chevrons",
      "Keyboard navigation",
      "Accessibility"
    ],
    "propsCount": 29,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/code-highlight-json-viewer.md",
    "searchText": "jsonviewer interactive json data viewer with expand/collapse, type indicators and copy to clipboard @mantine/code-highlight /code-highlight/json-viewer code highlight json tree, json explorer, json view usage default expand depth long arrays and objects root name expand all / collapse all controls type badges and size copy button collapse long strings sort keys highlight items all expanded line numbers chevrons keyboard navigation accessibility allexpanded collapsealllabel collapsestringsafterlength copiedlabel copylabel defaultexpanddepth expandalllabel expandedpaths fontsize grouparraysafterlength highlightitems indentwidth maxdisplaylength onexpandedpathschange onvalueselect radius rootname sortkeys value withborder withchevrons withcontrols withcopy withcopybutton withkeyquotes withlinenumbers withquotes withsize withtypes"
  },
  {
    "id": "core-accordion",
    "name": "Accordion",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/accordion",
    "docsUrl": "https://mantine.dev/core/accordion",
    "description": "Divide content into collapsible sections",
    "searchTags": "collapsible, expandable, faq, disclosure, expand collapse",
    "headings": [
      "Usage",
      "order prop",
      "Change chevron",
      "Custom control label",
      "With icons",
      "Change transition",
      "Default opened items",
      "Control opened state",
      "Disable collapse",
      "Compose controls",
      "Disabled items",
      "TypeScript",
      "Accessibility",
      "Keyboard interactions"
    ],
    "propsCount": 21,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-accordion.md",
    "searchText": "accordion divide content into collapsible sections @mantine/core /core/accordion data display collapsible, expandable, faq, disclosure, expand collapse usage order prop change chevron custom control label with icons change transition default opened items control opened state disable collapse compose controls disabled items typescript accessibility keyboard interactions chevron chevroniconsize chevronposition chevronsize defaultvalue disablechevronrotation disablecollapse keepmounted keepmountedmode loop multiple onchange order radius transitionduration value value chevron children disabled icon"
  },
  {
    "id": "core-action-bar",
    "name": "ActionBar",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/action-bar",
    "docsUrl": "https://mantine.dev/core/action-bar",
    "description": "A fixed-position bottom bar for bulk selection actions",
    "headings": [
      "Usage",
      "With ActionIcon buttons",
      "Placement",
      "Close on Escape",
      "Transitions",
      "keepMounted"
    ],
    "propsCount": 13,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-action-bar.md",
    "searchText": "actionbar a fixed-position bottom bar for bulk selection actions @mantine/core /core/action-bar overlays usage with actionicon buttons placement close on escape transitions keepmounted aria-label closeonescape keepmounted onclose opened portalprops position radius shadow transitionprops withborder withinportal zindex"
  },
  {
    "id": "core-action-icon",
    "name": "ActionIcon",
    "kind": "component",
    "group": "components",
    "category": "Buttons",
    "package": "@mantine/core",
    "route": "/core/action-icon",
    "docsUrl": "https://mantine.dev/core/action-icon",
    "description": "Icon button",
    "searchTags": "icon button, clickable icon, square button, toolbar button",
    "headings": [
      "Usage",
      "Size",
      "Disabled state",
      "Disabled state when ActionIcon is link",
      "Customize disabled styles",
      "Disabled button with Tooltip",
      "Loading state",
      "Loader props",
      "Add custom variants",
      "Customize variants colors",
      "Add custom sizes",
      "ActionIcon.Group",
      "ActionIcon.GroupSection",
      "Accessibility"
    ],
    "propsCount": 12,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-action-icon.md",
    "searchText": "actionicon icon button @mantine/core /core/action-icon buttons icon button, clickable icon, square button, toolbar button usage size disabled state disabled state when actionicon is link customize disabled styles disabled button with tooltip loading state loader props add custom variants customize variants colors add custom sizes actionicon.group actionicon.groupsection accessibility autocontrast children color disabled gradient loaderprops loading radius size borderwidth children orientation"
  },
  {
    "id": "core-affix",
    "name": "Affix",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/affix",
    "docsUrl": "https://mantine.dev/core/affix",
    "description": "Renders children inside portal at fixed position",
    "searchTags": "sticky, fixed, floating element, pinned, scroll to top button",
    "headings": [
      "Usage"
    ],
    "propsCount": 4,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-affix.md",
    "searchText": "affix renders children inside portal at fixed position @mantine/core /core/affix overlays sticky, fixed, floating element, pinned, scroll to top button usage portalprops position withinportal zindex"
  },
  {
    "id": "core-alert",
    "name": "Alert",
    "kind": "component",
    "group": "components",
    "category": "Feedback",
    "package": "@mantine/core",
    "route": "/core/alert",
    "docsUrl": "https://mantine.dev/core/alert",
    "description": "Attract user attention with important static message",
    "searchTags": "notice, warning, info box, banner, callout, message",
    "headings": [
      "Accessibility"
    ],
    "propsCount": 8,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-alert.md",
    "searchText": "alert attract user attention with important static message @mantine/core /core/alert feedback notice, warning, info box, banner, callout, message accessibility autocontrast closebuttonlabel color icon onclose radius title withclosebutton"
  },
  {
    "id": "core-alpha-slider",
    "name": "AlphaSlider",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/alpha-slider",
    "docsUrl": "https://mantine.dev/core/alpha-slider",
    "description": "Slider component for selecting alpha channel in color pickers (0 – 1)",
    "searchTags": "alpha, opacity slider, transparency, rgba alpha",
    "headings": [
      "Usage"
    ],
    "propsCount": 8,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-alpha-slider.md",
    "searchText": "alphaslider slider component for selecting alpha channel in color pickers (0 – 1) @mantine/core /core/alpha-slider inputs alpha, opacity slider, transparency, rgba alpha usage color focusable onchange onchangeend onscrubend onscrubstart size value"
  },
  {
    "id": "core-anchor",
    "name": "Anchor",
    "kind": "component",
    "group": "components",
    "category": "Navigation",
    "package": "@mantine/core",
    "route": "/core/anchor",
    "docsUrl": "https://mantine.dev/core/anchor",
    "description": "Display link with theme styles",
    "searchTags": "link, hyperlink, a tag, href, url",
    "headings": [
      "Usage",
      "Underline",
      "Text props"
    ],
    "propsCount": 8,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-anchor.md",
    "searchText": "anchor display link with theme styles @mantine/core /core/anchor navigation link, hyperlink, a tag, href, url usage underline text props gradient inherit inline lineclamp size textwrap truncate underline"
  },
  {
    "id": "core-angle-slider",
    "name": "AngleSlider",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/angle-slider",
    "docsUrl": "https://mantine.dev/core/angle-slider",
    "description": "Pick angle value between 0 and 360",
    "searchTags": "angle, rotation, degrees, circular slider, compass",
    "headings": [
      "Usage",
      "Controlled",
      "AngleSlider with uncontrolled forms",
      "formatLabel",
      "Marks",
      "onChangeEnd",
      "disabled",
      "Accessibility",
      "Based on use-radial-move"
    ],
    "propsCount": 16,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-angle-slider.md",
    "searchText": "angleslider pick angle value between 0 and 360 @mantine/core /core/angle-slider inputs angle, rotation, degrees, circular slider, compass usage controlled angleslider with uncontrolled forms formatlabel marks onchangeend disabled accessibility based on use-radial-move defaultvalue disabled formatlabel hiddeninputprops marks name onchange onchangeend onscrubend onscrubstart restricttomarks size step thumbsize value withlabel"
  },
  {
    "id": "core-app-shell",
    "name": "AppShell",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/app-shell",
    "docsUrl": "https://mantine.dev/core/app-shell",
    "description": "Responsive shell for your application with header, navbar, aside and footer",
    "searchTags": "layout, application layout, dashboard layout, sidebar layout, header, navbar, aside, footer, page shell",
    "headings": [
      "Examples",
      "Usage",
      "AppShell components",
      "Configuration",
      "layout prop",
      "Resizable sections",
      "Height configuration",
      "Width configuration",
      "padding prop",
      "Header offset configuration",
      "Collapsed navbar/aside configuration",
      "withBorder prop",
      "zIndex prop",
      "Control transitions",
      "disabled prop",
      "AppShell.Section component",
      "Semantic elements",
      "CSS variables"
    ],
    "propsCount": 22,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-app-shell.md",
    "searchText": "appshell responsive shell for your application with header, navbar, aside and footer @mantine/core /core/app-shell layout layout, application layout, dashboard layout, sidebar layout, header, navbar, aside, footer, page shell examples usage appshell components configuration layout prop resizable sections height configuration width configuration padding prop header offset configuration collapsed navbar/aside configuration withborder prop zindex prop control transitions disabled prop appshell.section component semantic elements css variables aside disabled footer header layout mode navbar offsetscrollbars padding resize transitionduration transitiontimingfunction withborder zindex withborder zindex withborder zindex withborder zindex withborder zindex"
  },
  {
    "id": "core-aspect-ratio",
    "name": "AspectRatio",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/aspect-ratio",
    "docsUrl": "https://mantine.dev/core/aspect-ratio",
    "description": "Maintain responsive consistent width/height ratio",
    "searchTags": "ratio, 16 9, responsive video, responsive iframe, proportions",
    "headings": [
      "Usage",
      "Map embed",
      "Video embed",
      "Inside flex container"
    ],
    "propsCount": 1,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-aspect-ratio.md",
    "searchText": "aspectratio maintain responsive consistent width/height ratio @mantine/core /core/aspect-ratio layout ratio, 16 9, responsive video, responsive iframe, proportions usage map embed video embed inside flex container ratio"
  },
  {
    "id": "core-autocomplete",
    "name": "Autocomplete",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/autocomplete",
    "docsUrl": "https://mantine.dev/core/autocomplete",
    "description": "Autocomplete user input with any list of options",
    "searchTags": "autosuggest, typeahead, suggestions, search box, combobox input",
    "headings": [
      "Not a searchable select",
      "Usage",
      "Loading state",
      "Controlled",
      "Uncontrolled",
      "Select first option on change",
      "autoSelectOnBlur",
      "Data prop",
      "Filtering",
      "Sort options",
      "Fuzzy search with fuse.js",
      "Large datasets",
      "renderOption",
      "Nothing found message",
      "Scrollable dropdown",
      "Fit dropdown to viewport height",
      "Group options",
      "Disabled options",
      "Inside Popover",
      "Clearable",
      "Control dropdown opened state",
      "Dropdown position",
      "Dropdown animation",
      "Dropdown padding",
      "Dropdown shadow",
      "Input sections",
      "Input props",
      "Read only",
      "Disabled",
      "Error state"
    ],
    "propsCount": 54,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-autocomplete.md",
    "searchText": "autocomplete autocomplete user input with any list of options @mantine/core /core/autocomplete combobox autosuggest, typeahead, suggestions, search box, combobox input not a searchable select usage loading state controlled uncontrolled select first option on change autoselectonblur data prop filtering sort options fuzzy search with fuse.js large datasets renderoption nothing found message scrollable dropdown fit dropdown to viewport height group options disabled options inside popover clearable control dropdown opened state dropdown position dropdown animation dropdown padding dropdown shadow input sections input props read only disabled error state autoselectonblur clearbuttonprops clearsectionmode clearable comboboxprops data defaultdropdownopened defaultvalue description descriptionprops disabled dropdownopened error errorprops filter floatingheight inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth limit loading loadingposition maxdropdownheight onchange onclear ondropdownclose ondropdownopen onoptionsubmit openonfocus radius renderoption required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth scrollareaprops selectfirstoptiononchange selectfirstoptionondropdownopen size success successprops value withasterisk witherrorstyles withscrollarea withsuccessstyles wrapperprops"
  },
  {
    "id": "core-avatar",
    "name": "Avatar",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/avatar",
    "docsUrl": "https://mantine.dev/core/avatar",
    "description": "Display user profile image, initials or fallback icon",
    "searchTags": "profile picture, user image, photo, initials, user icon",
    "headings": [
      "Usage",
      "Initials",
      "Allowed initials colors",
      "Placeholder",
      "Variants",
      "Avatar.Group",
      "Accessibility"
    ],
    "propsCount": 11,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-avatar.md",
    "searchText": "avatar display user profile image, initials or fallback icon @mantine/core /core/avatar data display profile picture, user image, photo, initials, user icon usage initials allowed initials colors placeholder variants avatar.group accessibility allowedinitialscolors alt autocontrast children color gradient imageprops name radius size src"
  },
  {
    "id": "core-background-image",
    "name": "BackgroundImage",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/background-image",
    "docsUrl": "https://mantine.dev/core/background-image",
    "description": "Displays image as background",
    "searchTags": "background, bg image, hero image, banner, cover image",
    "headings": [
      "Usage"
    ],
    "propsCount": 2,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-background-image.md",
    "searchText": "backgroundimage displays image as background @mantine/core /core/background-image data display background, bg image, hero image, banner, cover image usage radius src"
  },
  {
    "id": "core-badge",
    "name": "Badge",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/badge",
    "docsUrl": "https://mantine.dev/core/badge",
    "description": "Display badge, pill or tag",
    "searchTags": "pill, tag, label, chip, counter, status",
    "headings": [
      "Usage",
      "Rounded",
      "Left and right sections",
      "Full width"
    ],
    "propsCount": 10,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-badge.md",
    "searchText": "badge display badge, pill or tag @mantine/core /core/badge data display pill, tag, label, chip, counter, status usage rounded left and right sections full width autocontrast children circle color fullwidth gradient leftsection radius rightsection size"
  },
  {
    "id": "core-blockquote",
    "name": "Blockquote",
    "kind": "component",
    "group": "components",
    "category": "Typography",
    "package": "@mantine/core",
    "route": "/core/blockquote",
    "docsUrl": "https://mantine.dev/core/blockquote",
    "description": "Blockquote with optional cite",
    "searchTags": "quote, citation, pull quote, cite",
    "headings": [
      "Usage",
      "Text wrap"
    ],
    "propsCount": 6,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-blockquote.md",
    "searchText": "blockquote blockquote with optional cite @mantine/core /core/blockquote typography quote, citation, pull quote, cite usage text wrap cite color icon iconsize radius textwrap"
  },
  {
    "id": "core-box",
    "name": "Box",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/box",
    "docsUrl": "https://mantine.dev/core/box",
    "description": "Base component for all Mantine components",
    "searchTags": "div, wrapper, base component, polymorphic box, style props",
    "headings": [
      "Usage"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-box.md",
    "searchText": "box base component for all mantine components @mantine/core /core/box miscellaneous div, wrapper, base component, polymorphic box, style props usage"
  },
  {
    "id": "core-breadcrumbs",
    "name": "Breadcrumbs",
    "kind": "component",
    "group": "components",
    "category": "Navigation",
    "package": "@mantine/core",
    "route": "/core/breadcrumbs",
    "docsUrl": "https://mantine.dev/core/breadcrumbs",
    "description": "Separates list of react nodes with given separator",
    "searchTags": "breadcrumb, path, trail, navigation, hierarchy",
    "headings": [
      "Usage"
    ],
    "propsCount": 3,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-breadcrumbs.md",
    "searchText": "breadcrumbs separates list of react nodes with given separator @mantine/core /core/breadcrumbs navigation breadcrumb, path, trail, navigation, hierarchy usage children separator separatormargin"
  },
  {
    "id": "core-burger",
    "name": "Burger",
    "kind": "component",
    "group": "components",
    "category": "Navigation",
    "package": "@mantine/core",
    "route": "/core/burger",
    "docsUrl": "https://mantine.dev/core/burger",
    "description": "Open/close navigation button",
    "searchTags": "hamburger, menu icon, mobile menu, nav toggle, three lines",
    "headings": [
      "Usage",
      "Change line size",
      "Accessibility"
    ],
    "propsCount": 6,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-burger.md",
    "searchText": "burger open/close navigation button @mantine/core /core/burger navigation hamburger, menu icon, mobile menu, nav toggle, three lines usage change line size accessibility color linesize opened size transitionduration transitiontimingfunction"
  },
  {
    "id": "core-button",
    "name": "Button",
    "kind": "component",
    "group": "components",
    "category": "Buttons",
    "package": "@mantine/core",
    "route": "/core/button",
    "docsUrl": "https://mantine.dev/core/button",
    "description": "Button component to render button or link",
    "searchTags": "action, cta, submit, button group, link button",
    "headings": [
      "Usage",
      "Full width",
      "Left and right sections",
      "Sections position",
      "Compact size",
      "Disabled state",
      "Disabled state when Button is link",
      "Customize disabled styles",
      "Disabled button with Tooltip",
      "Loading state",
      "Custom variants",
      "Customize variant colors",
      "Button.Group",
      "Button.GroupSection"
    ],
    "propsCount": 20,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-button.md",
    "searchText": "button button component to render button or link @mantine/core /core/button buttons action, cta, submit, button group, link button usage full width left and right sections sections position compact size disabled state disabled state when button is link customize disabled styles disabled button with tooltip loading state custom variants customize variant colors button.group button.groupsection autocontrast children color disabled fullwidth gradient justify leftsection loaderprops loading radius rightsection size borderwidth children orientation autocontrast gradient radius size"
  },
  {
    "id": "core-card",
    "name": "Card",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/card",
    "docsUrl": "https://mantine.dev/core/card",
    "description": "Card with sections",
    "searchTags": "panel, tile, surface, content card, product card",
    "headings": [
      "Usage",
      "Horizontal orientation",
      "Polymorphic component",
      "Card.Section",
      "Polymorphic Card.Section",
      "withBorder and inheritPadding props"
    ],
    "propsCount": 8,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-card.md",
    "searchText": "card card with sections @mantine/core /core/card data display panel, tile, surface, content card, product card usage horizontal orientation polymorphic component card.section polymorphic card.section withborder and inheritpadding props children orientation padding radius shadow withborder inheritpadding withborder"
  },
  {
    "id": "core-cascader",
    "name": "Cascader",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/cascader",
    "docsUrl": "https://mantine.dev/core/cascader",
    "description": "Select a path from hierarchical data with cascading columns",
    "searchTags": "cascading select, hierarchical select, drill down, miller columns, path picker",
    "headings": [
      "Usage",
      "Data prop",
      "Value and onChange",
      "Change on select",
      "Close on select",
      "Allow deselect",
      "Expand trigger",
      "Flat list layout",
      "Max displayed levels",
      "Searchable",
      "Controlled search value",
      "Nothing found",
      "Display value",
      "Column width",
      "Custom option rendering",
      "Check icon",
      "Disabled options",
      "Left and right sections",
      "Clearable",
      "Scrollable columns",
      "Control dropdown opened state",
      "Dropdown position",
      "Dropdown offset",
      "Dropdown width",
      "Dropdown padding",
      "Dropdown shadow",
      "Dropdown animation",
      "Inside Popover",
      "Input props",
      "Read only",
      "Disabled",
      "Error state",
      "Success state",
      "Loading state",
      "Accessibility",
      "Keyboard interactions"
    ],
    "propsCount": 70,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-cascader.md",
    "searchText": "cascader select a path from hierarchical data with cascading columns @mantine/core /core/cascader combobox cascading select, hierarchical select, drill down, miller columns, path picker usage data prop value and onchange change on select close on select allow deselect expand trigger flat list layout max displayed levels searchable controlled search value nothing found display value column width custom option rendering check icon disabled options left and right sections clearable scrollable columns control dropdown opened state dropdown position dropdown offset dropdown width dropdown padding dropdown shadow dropdown animation inside popover input props read only disabled error state success state loading state accessibility keyboard interactions allowdeselect changeonselect checkiconposition chevroncolor clearbuttonprops clearsectionmode clearable closeonselect columnwidth comboboxprops data defaultdropdownopened defaultsearchvalue defaultvalue description descriptionprops disabled dropdownopened error errorprops expandtrigger filter formatvalue hiddeninputprops inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition maxdisplayedlevels maxdropdownheight nextlevelscontrollabel nothingfoundmessage onchange onclear ondropdownclose ondropdownopen onsearchchange openonfocus pointer previouslevelscontrollabel radius renderoption rendersearchoption required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth safeareapolygon scrollareaprops searchvalue searchable separator size success successprops value withasterisk withcheckicon withcolumns witherrorstyles withsuccessstyles wrapperprops"
  },
  {
    "id": "core-center",
    "name": "Center",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/center",
    "docsUrl": "https://mantine.dev/core/center",
    "description": "Centers content vertically and horizontally",
    "searchTags": "align center, middle, centering, flex center",
    "headings": [
      "Usage",
      "Inline"
    ],
    "propsCount": 2,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-center.md",
    "searchText": "center centers content vertically and horizontally @mantine/core /core/center layout align center, middle, centering, flex center usage inline children inline"
  },
  {
    "id": "core-checkbox",
    "name": "Checkbox",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/checkbox",
    "docsUrl": "https://mantine.dev/core/checkbox",
    "description": "Capture boolean input from user",
    "searchTags": "check, tick, boolean input, toggle, checkmark",
    "headings": [
      "Usage",
      "Controlled state",
      "Read only",
      "Checkbox with @mantine/form",
      "Checkbox with uncontrolled forms",
      "States",
      "Light variant",
      "Error state",
      "Change icons",
      "Change icon color",
      "Indeterminate state",
      "Label with link",
      "Checkbox with tooltip",
      "Pointer cursor",
      "Add custom sizes",
      "Wrapper props",
      "Checkbox.Group",
      "Checkbox.Group disabled",
      "maxSelectedValues",
      "Checkbox.Group with @mantine/form",
      "Checkbox.Group with uncontrolled forms",
      "Checkbox.Indicator",
      "Example: Table with row selection",
      "Example: Customize with Styles API",
      "wrapperProps",
      "id attribute",
      "Accessibility"
    ],
    "propsCount": 31,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-checkbox.md",
    "searchText": "checkbox capture boolean input from user @mantine/core /core/checkbox inputs check, tick, boolean input, toggle, checkmark usage controlled state read only checkbox with @mantine/form checkbox with uncontrolled forms states light variant error state change icons change icon color indeterminate state label with link checkbox with tooltip pointer cursor add custom sizes wrapper props checkbox.group checkbox.group disabled maxselectedvalues checkbox.group with @mantine/form checkbox.group with uncontrolled forms checkbox.indicator example: table with row selection example: customize with styles api wrapperprops id attribute accessibility autocontrast color description error icon iconcolor id indeterminate label labelposition radius rootref size witherrorstyles wrapperprops autocontrast checked color disabled icon iconcolor indeterminate radius size checked defaultchecked indeterminate onchange radius value withborder"
  },
  {
    "id": "core-chip",
    "name": "Chip",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/chip",
    "docsUrl": "https://mantine.dev/core/chip",
    "description": "Pick one or multiple values with inline controls",
    "searchTags": "tag, pill, filter chip, selectable tag, toggleable badge",
    "headings": [
      "Usage",
      "Controlled",
      "Read only",
      "Change checked icon",
      "States",
      "Chip with tooltip",
      "Wrapper props",
      "Chip.Group",
      "Controlled Chip.Group",
      "Deselect radio chip",
      "Accessibility"
    ],
    "propsCount": 18,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-chip.md",
    "searchText": "chip pick one or multiple values with inline controls @mantine/core /core/chip inputs tag, pill, filter chip, selectable tag, toggleable badge usage controlled read only change checked icon states chip with tooltip wrapper props chip.group controlled chip.group deselect radio chip accessibility autocontrast checked children color defaultchecked icon id onchange radius rootref size type wrapperprops children defaultvalue multiple onchange value"
  },
  {
    "id": "core-close-button",
    "name": "CloseButton",
    "kind": "component",
    "group": "components",
    "category": "Buttons",
    "package": "@mantine/core",
    "route": "/core/close-button",
    "docsUrl": "https://mantine.dev/core/close-button",
    "description": "Button with close icon",
    "searchTags": "x button, dismiss, cancel, close icon, clear button",
    "headings": [
      "Usage",
      "Change icon",
      "Accessibility"
    ],
    "propsCount": 6,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-close-button.md",
    "searchText": "closebutton button with close icon @mantine/core /core/close-button buttons x button, dismiss, cancel, close icon, clear button usage change icon accessibility children disabled icon iconsize radius size"
  },
  {
    "id": "core-code",
    "name": "Code",
    "kind": "component",
    "group": "components",
    "category": "Typography",
    "package": "@mantine/core",
    "route": "/core/code",
    "docsUrl": "https://mantine.dev/core/code",
    "description": "Inline and block code",
    "searchTags": "snippet, monospace, pre, inline code, code block",
    "headings": [
      "Usage",
      "Block code",
      "Custom color"
    ],
    "propsCount": 2,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-code.md",
    "searchText": "code inline and block code @mantine/core /core/code typography snippet, monospace, pre, inline code, code block usage block code custom color block color"
  },
  {
    "id": "core-collapse",
    "name": "Collapse",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/collapse",
    "docsUrl": "https://mantine.dev/core/collapse",
    "description": "Animate presence with slide down/up transition",
    "searchTags": "expand, toggle visibility, show hide, slide, reveal, disclosure",
    "headings": [
      "Usage",
      "Horizontal orientation",
      "Change transition",
      "Example: nested Collapse components",
      "use-collapse hook"
    ],
    "propsCount": 9,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-collapse.md",
    "searchText": "collapse animate presence with slide down/up transition @mantine/core /core/collapse miscellaneous expand, toggle visibility, show hide, slide, reveal, disclosure usage horizontal orientation change transition example: nested collapse components use-collapse hook animateopacity expanded keepmounted keepmountedmode ontransitionend ontransitionstart orientation transitionduration transitiontimingfunction"
  },
  {
    "id": "core-color-input",
    "name": "ColorInput",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/color-input",
    "docsUrl": "https://mantine.dev/core/color-input",
    "description": "Capture color from user",
    "searchTags": "color field, hex input, color picker field, rgba input, color form",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Formats",
      "Preserve invalid input",
      "onChangeEnd",
      "Disable free input",
      "With swatches",
      "Close dropdown on color swatch click",
      "Hide dropdown",
      "Eye dropper",
      "Change eye dropper icon",
      "Input sections",
      "Error state",
      "Success state",
      "Disabled state"
    ],
    "propsCount": 47,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-color-input.md",
    "searchText": "colorinput capture color from user @mantine/core /core/color-input inputs color field, hex input, color picker field, rgba input, color form usage loading state controlled formats preserve invalid input onchangeend disable free input with swatches close dropdown on color swatch click hide dropdown eye dropper change eye dropper icon input sections error state success state disabled state closeoncolorswatchclick defaultvalue description descriptionprops disabled disallowinput error errorprops eyedropperbuttonprops eyedroppericon fixonblur format fullwidth inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition onchange onchangeend pointer popoverprops radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size success successprops swatches swatchesperrow value withasterisk witherrorstyles witheyedropper withpicker withpreview withsuccessstyles wrapperprops"
  },
  {
    "id": "core-color-picker",
    "name": "ColorPicker",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/color-picker",
    "docsUrl": "https://mantine.dev/core/color-picker",
    "description": "Pick colors in hex(a), rgb(a), hsl(a) and hsv(a) formats",
    "searchTags": "color, hex, rgb, rgba, hsl, hsv, palette, swatch, eye dropper",
    "headings": [
      "Usage",
      "Controlled",
      "Uncontrolled",
      "Color format",
      "With swatches",
      "Size",
      "Accessibility"
    ],
    "propsCount": 17,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-color-picker.md",
    "searchText": "colorpicker pick colors in hex(a), rgb(a), hsl(a) and hsv(a) formats @mantine/core /core/color-picker inputs color, hex, rgb, rgba, hsl, hsv, palette, swatch, eye dropper usage controlled uncontrolled color format with swatches size accessibility alphalabel defaultvalue focusable format fullwidth hiddeninputprops huelabel name onchange onchangeend oncolorswatchclick saturationlabel size swatches swatchesperrow value withpicker"
  },
  {
    "id": "core-color-swatch",
    "name": "ColorSwatch",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/color-swatch",
    "docsUrl": "https://mantine.dev/core/color-swatch",
    "description": "Displays color",
    "searchTags": "color chip, color sample, color dot, palette item",
    "headings": [
      "Usage",
      "withShadow"
    ],
    "propsCount": 5,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-color-swatch.md",
    "searchText": "colorswatch displays color @mantine/core /core/color-swatch data display color chip, color sample, color dot, palette item usage withshadow children color radius size withshadow"
  },
  {
    "id": "core-combobox",
    "name": "Combobox",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/combobox",
    "docsUrl": "https://mantine.dev/core/combobox",
    "description": "Create custom select, autocomplete or multiselect inputs",
    "searchTags": "dropdown, autocomplete, typeahead, listbox, select custom, options, useCombobox, use-combobox",
    "headings": [
      "Examples",
      "Usage",
      "useCombobox hook",
      "useCombobox options",
      "Combobox store",
      "useCombobox handlers",
      "Combobox.Target",
      "Split events and dropdown targets",
      "Update selected option index",
      "Search input",
      "Select first option",
      "Active option",
      "Options groups",
      "Scrollable list",
      "Scrollable list with ScrollArea",
      "Fit dropdown to viewport height",
      "Hide dropdown",
      "Control dropdown opened state",
      "Popover props",
      "Virtualization"
    ],
    "propsCount": 61,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-combobox.md",
    "searchText": "combobox create custom select, autocomplete or multiselect inputs @mantine/core /core/combobox combobox dropdown, autocomplete, typeahead, listbox, select custom, options, usecombobox, use-combobox examples usage usecombobox hook usecombobox options combobox store usecombobox handlers combobox.target split events and dropdown targets update selected option index search input select first option active option options groups scrollable list scrollable list with scrollarea fit dropdown to viewport height hide dropdown control dropdown opened state popover props virtualization arrowoffset arrowposition arrowradius arrowsize children clickoutsidecapture disabled dropdownpadding floatingheight floatingstrategy hidedetached keepmounted keepmountedmode middlewares offset onclose ondismiss onentertransitionend onexittransitionend onopen onoptionsubmit onpositionchange overlayprops portalprops position preventpositionchangewhenvisible radius readonly resetselectiononoptionhover returnfocus shadow size store transitionprops width witharrow withoverlay withinportal zindex active disabled selected value autocomplete children refprop targettype withariaattributes withexpandedattribute withkeyboardnavigation children refprop autocomplete children refprop targettype withariaattributes withexpandedattribute withkeyboardnavigation hidden label"
  },
  {
    "id": "core-combobox-popover",
    "name": "ComboboxPopover",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/combobox-popover",
    "docsUrl": "https://mantine.dev/core/combobox-popover",
    "description": "Add combobox dropdown to any button element",
    "headings": [
      "Usage",
      "Data format",
      "Data prop",
      "Searchable",
      "Controlled search value",
      "Sort options",
      "Limit options",
      "Multiple selection",
      "Check icon",
      "Allow deselect",
      "Nothing found message",
      "Disabled options",
      "Groups",
      "Render option",
      "Large data sets",
      "Control dropdown opened state",
      "Dropdown position",
      "Dropdown width",
      "Dropdown animation"
    ],
    "propsCount": 32,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-combobox-popover.md",
    "searchText": "comboboxpopover add combobox dropdown to any button element @mantine/core /core/combobox-popover combobox usage data format data prop searchable controlled search value sort options limit options multiple selection check icon allow deselect nothing found message disabled options groups render option large data sets control dropdown opened state dropdown position dropdown width dropdown animation allowdeselect checkiconposition children comboboxprops data defaultdropdownopened defaultsearchvalue defaultvalue dropdownopened filter form hiddeninputprops hiddeninputvaluesdivider limit maxdropdownheight multiple name nothingfoundmessage onchange ondropdownclose ondropdownopen onoptionsubmit onsearchchange renderoption scrollareaprops searchvalue searchable selectfirstoptionondropdownopen value withalignedlabels withcheckicon withscrollarea"
  },
  {
    "id": "core-container",
    "name": "Container",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/container",
    "docsUrl": "https://mantine.dev/core/container",
    "description": "Center content with padding and max-width",
    "searchTags": "wrapper, max width, layout, centered content, page width",
    "headings": [
      "Grid strategy",
      "Usage",
      "Fluid",
      "Customize sizes",
      "Responsive max-width"
    ],
    "propsCount": 3,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-container.md",
    "searchText": "container center content with padding and max-width @mantine/core /core/container layout wrapper, max width, layout, centered content, page width grid strategy usage fluid customize sizes responsive max-width fluid size strategy"
  },
  {
    "id": "core-copy-button",
    "name": "CopyButton",
    "kind": "component",
    "group": "components",
    "category": "Buttons",
    "package": "@mantine/core",
    "route": "/core/copy-button",
    "docsUrl": "https://mantine.dev/core/copy-button",
    "description": "Copies given text to clipboard",
    "searchTags": "clipboard, copy to clipboard, duplicate text",
    "headings": [
      "Usage",
      "Security",
      "Timeout",
      "Server components"
    ],
    "propsCount": 3,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-copy-button.md",
    "searchText": "copybutton copies given text to clipboard @mantine/core /core/copy-button buttons clipboard, copy to clipboard, duplicate text usage security timeout server components children timeout value"
  },
  {
    "id": "core-data-list",
    "name": "DataList",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/data-list",
    "docsUrl": "https://mantine.dev/core/data-list",
    "description": "Display label-value pairs as a description list",
    "headings": [
      "Usage",
      "With divider",
      "Vertical orientation"
    ],
    "propsCount": 6,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-data-list.md",
    "searchText": "datalist display label-value pairs as a description list @mantine/core /core/data-list data display usage with divider vertical orientation children gap labelwidth orientation size withdivider"
  },
  {
    "id": "core-dialog",
    "name": "Dialog",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/dialog",
    "docsUrl": "https://mantine.dev/core/dialog",
    "description": "Display a fixed overlay dialog at any side of the screen",
    "searchTags": "popup, popover, floating panel, notification dialog, mini modal",
    "headings": [
      "Usage",
      "Change position",
      "Accessibility"
    ],
    "propsCount": 14,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-dialog.md",
    "searchText": "dialog display a fixed overlay dialog at any side of the screen @mantine/core /core/dialog overlays popup, popover, floating panel, notification dialog, mini modal usage change position accessibility children keepmounted onclose opened portalprops position radius shadow size transitionprops withborder withclosebutton withinportal zindex"
  },
  {
    "id": "core-divider",
    "name": "Divider",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/divider",
    "docsUrl": "https://mantine.dev/core/divider",
    "description": "Horizontal line with optional label or vertical divider",
    "searchTags": "separator, hr, horizontal line, vertical line, rule",
    "headings": [
      "Usage",
      "Variants",
      "With label",
      "Sizes",
      "Vertical orientation"
    ],
    "propsCount": 5,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-divider.md",
    "searchText": "divider horizontal line with optional label or vertical divider @mantine/core /core/divider miscellaneous separator, hr, horizontal line, vertical line, rule usage variants with label sizes vertical orientation color label labelposition orientation size"
  },
  {
    "id": "core-drawer",
    "name": "Drawer",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/drawer",
    "docsUrl": "https://mantine.dev/core/drawer",
    "description": "Display overlay area at any side of the screen",
    "searchTags": "side panel, offcanvas, sliding panel, sidebar overlay, sheet, useDrawersStack, use-drawers-stack",
    "headings": [
      "Usage",
      "Position",
      "Offset",
      "Customize overlay",
      "Sizes",
      "Remove header",
      "Drawer with scroll",
      "Usage with ScrollArea",
      "Change transition",
      "onExitTransitionEnd and onEnterTransitionEnd",
      "Initial focus",
      "Control behavior",
      "react-remove-scroll settings",
      "Change close icon",
      "Compound components",
      "Drawer.Stack",
      "useDrawersStack hook",
      "Fixed elements offset",
      "Accessibility"
    ],
    "propsCount": 31,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-drawer.md",
    "searchText": "drawer display overlay area at any side of the screen @mantine/core /core/drawer overlays side panel, offcanvas, sliding panel, sidebar overlay, sheet, usedrawersstack, use-drawers-stack usage position offset customize overlay sizes remove header drawer with scroll usage with scrollarea change transition onexittransitionend and onentertransitionend initial focus control behavior react-remove-scroll settings change close icon compound components drawer.stack usedrawersstack hook fixed elements offset accessibility children closebuttonprops closeonclickoutside closeonescape id keepmounted keepmountedmode lockscroll offset onclose onentertransitionend onexittransitionend opened overlayprops padding portalprops position radius removescrollprops returnfocus scrollareacomponent shadow size stackid title transitionprops trapfocus withclosebutton withoverlay withinportal zindex"
  },
  {
    "id": "core-empty-state",
    "name": "EmptyState",
    "kind": "component",
    "group": "components",
    "category": "Feedback",
    "package": "@mantine/core",
    "route": "/core/empty-state",
    "docsUrl": "https://mantine.dev/core/empty-state",
    "description": "Display a placeholder for no data, empty results and first-run states",
    "searchTags": "no data, no results, placeholder, nothing found, blank state, first run",
    "headings": [
      "Usage",
      "Compound components",
      "Variant",
      "Indicator background",
      "Accessibility"
    ],
    "propsCount": 8,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-empty-state.md",
    "searchText": "emptystate display a placeholder for no data, empty results and first-run states @mantine/core /core/empty-state feedback no data, no results, placeholder, nothing found, blank state, first run usage compound components variant indicator background accessibility align children color description icon size title withindicatorbackground"
  },
  {
    "id": "core-fieldset",
    "name": "Fieldset",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/fieldset",
    "docsUrl": "https://mantine.dev/core/fieldset",
    "description": "Group related elements in a form",
    "searchTags": "form group, legend, form section, bordered group",
    "headings": [
      "Usage",
      "Disabled"
    ],
    "propsCount": 2,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-fieldset.md",
    "searchText": "fieldset group related elements in a form @mantine/core /core/fieldset inputs form group, legend, form section, bordered group usage disabled legend radius"
  },
  {
    "id": "core-file-button",
    "name": "FileButton",
    "kind": "component",
    "group": "components",
    "category": "Buttons",
    "package": "@mantine/core",
    "route": "/core/file-button",
    "docsUrl": "https://mantine.dev/core/file-button",
    "description": "Open file picker with a button click",
    "searchTags": "upload, attach file, file picker, browse files, upload button",
    "headings": [
      "Usage",
      "Multiple files",
      "Reset file",
      "Server components"
    ],
    "propsCount": 10,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-file-button.md",
    "searchText": "filebutton open file picker with a button click @mantine/core /core/file-button buttons upload, attach file, file picker, browse files, upload button usage multiple files reset file server components accept capture children disabled form inputprops multiple name onchange resetref"
  },
  {
    "id": "core-file-input",
    "name": "FileInput",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/file-input",
    "docsUrl": "https://mantine.dev/core/file-input",
    "description": "Capture files from user",
    "searchTags": "upload, file picker, attach file, browse file, document upload",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Uncontrolled",
      "Multiple",
      "Accept",
      "Clearable",
      "Custom value component",
      "Error state",
      "Success state",
      "FileInputProps type"
    ],
    "propsCount": 46,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-file-input.md",
    "searchText": "fileinput capture files from user @mantine/core /core/file-input inputs upload, file picker, attach file, browse file, document upload usage loading state controlled uncontrolled multiple accept clearable custom value component error state success state fileinputprops type accept capture clearbuttonprops clearsectionmode clearable defaultvalue description descriptionprops disabled error errorprops fileinputprops form inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition multiple name onchange placeholder pointer radius readonly required resetref rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size success successprops value valuecomponent withasterisk witherrorstyles withsuccessstyles wrapperprops"
  },
  {
    "id": "core-flex",
    "name": "Flex",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/flex",
    "docsUrl": "https://mantine.dev/core/flex",
    "description": "Compose elements in a flex container",
    "searchTags": "flexbox, flex container, row column, justify align",
    "headings": [
      "Usage",
      "Supported props",
      "Responsive props",
      "Difference from Group and Stack",
      "Browser support"
    ],
    "propsCount": 7,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-flex.md",
    "searchText": "flex compose elements in a flex container @mantine/core /core/flex layout flexbox, flex container, row column, justify align usage supported props responsive props difference from group and stack browser support align columngap direction gap justify rowgap wrap"
  },
  {
    "id": "core-floating-indicator",
    "name": "FloatingIndicator",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/floating-indicator",
    "docsUrl": "https://mantine.dev/core/floating-indicator",
    "description": "Display a floating indicator over a group of elements",
    "searchTags": "animated indicator, tab indicator, underline indicator, active indicator",
    "headings": [
      "Usage",
      "Multiple rows",
      "Example: Tabs"
    ],
    "propsCount": 6,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-floating-indicator.md",
    "searchText": "floatingindicator display a floating indicator over a group of elements @mantine/core /core/floating-indicator overlays animated indicator, tab indicator, underline indicator, active indicator usage multiple rows example: tabs displayaftertransitionend ontransitionend ontransitionstart parent target transitionduration"
  },
  {
    "id": "core-floating-window",
    "name": "FloatingWindow",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/floating-window",
    "docsUrl": "https://mantine.dev/core/floating-window",
    "description": "Draggable floating area",
    "searchTags": "draggable window, movable panel, floating panel, picture in picture, pip",
    "headings": [
      "Usage",
      "Constrain to viewport",
      "Constrain offset",
      "Drag handle selector",
      "Enabled prop",
      "Set position",
      "Resize handle",
      "Resize callbacks",
      "Lock axis",
      "use-floating-window hook"
    ],
    "propsCount": 21,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-floating-window.md",
    "searchText": "floatingwindow draggable floating area @mantine/core /core/floating-window overlays draggable window, movable panel, floating panel, picture in picture, pip usage constrain to viewport constrain offset drag handle selector enabled prop set position resize handle resize callbacks lock axis use-floating-window hook axis constrainoffset constraintoviewport dimensions draghandleselector enabled excludedraghandleselector initialposition ondragend ondragstart onpositionchange onresizeend onresizestart onsizechange portalprops radius setpositionref shadow withborder withinportal zindex"
  },
  {
    "id": "core-focus-trap",
    "name": "FocusTrap",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/focus-trap",
    "docsUrl": "https://mantine.dev/core/focus-trap",
    "description": "Trap focus at child node",
    "searchTags": "focus management, accessibility, a11y, keyboard, tab navigation",
    "headings": [
      "Usage",
      "Initial focus",
      "FocusTrap.InitialFocus",
      "Focus trapping logic"
    ],
    "propsCount": 4,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-focus-trap.md",
    "searchText": "focustrap trap focus at child node @mantine/core /core/focus-trap miscellaneous focus management, accessibility, a11y, keyboard, tab navigation usage initial focus focustrap.initialfocus focus trapping logic active children innerref refprop"
  },
  {
    "id": "core-grid",
    "name": "Grid",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/grid",
    "docsUrl": "https://mantine.dev/core/grid",
    "description": "Responsive 12 columns grid system",
    "searchTags": "layout grid, 12 columns, gutter, row, columns, col",
    "headings": [
      "Usage",
      "Columns span",
      "Gap",
      "Row and column gap",
      "Grow",
      "Column offset",
      "Order",
      "Multiple rows",
      "Justify and align",
      "Column alignment",
      "Auto sized columns",
      "Fit column content",
      "Change columns count",
      "Container queries",
      "Browser support"
    ],
    "propsCount": 14,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-grid.md",
    "searchText": "grid responsive 12 columns grid system @mantine/core /core/grid layout layout grid, 12 columns, gutter, row, columns, col usage columns span gap row and column gap grow column offset order multiple rows justify and align column alignment auto sized columns fit column content change columns count container queries browser support align breakpoints columngap columns gap grow justify overflow rowgap type align offset order span"
  },
  {
    "id": "core-group",
    "name": "Group",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/group",
    "docsUrl": "https://mantine.dev/core/group",
    "description": "Compose elements and components in a horizontal flex container",
    "searchTags": "row, inline, horizontal flex, hstack, flex row",
    "headings": [
      "Usage",
      "preventGrowOverflow",
      "Group children",
      "Browser support"
    ],
    "propsCount": 6,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-group.md",
    "searchText": "group compose elements and components in a horizontal flex container @mantine/core /core/group layout row, inline, horizontal flex, hstack, flex row usage preventgrowoverflow group children browser support align gap grow justify preventgrowoverflow wrap"
  },
  {
    "id": "core-highlight",
    "name": "Highlight",
    "kind": "component",
    "group": "components",
    "category": "Typography",
    "package": "@mantine/core",
    "route": "/core/highlight",
    "docsUrl": "https://mantine.dev/core/highlight",
    "description": "Highlight given part of a string with mark",
    "searchTags": "mark text, search highlight, emphasize, yellow highlight",
    "headings": [
      "Usage",
      "Matching behavior",
      "Case-sensitive matching",
      "Accent-sensitive matching",
      "Highlight multiple substrings",
      "Custom colors per term",
      "Whole word matching",
      "Change highlight styles",
      "Text props"
    ],
    "propsCount": 15,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-highlight.md",
    "searchText": "highlight highlight given part of a string with mark @mantine/core /core/highlight typography mark text, search highlight, emphasize, yellow highlight usage matching behavior case-sensitive matching accent-sensitive matching highlight multiple substrings custom colors per term whole word matching change highlight styles text props accentinsensitive caseinsensitive children color gradient highlight highlightstyles inherit inline lineclamp size span textwrap truncate wholeword"
  },
  {
    "id": "core-hover-card",
    "name": "HoverCard",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/hover-card",
    "docsUrl": "https://mantine.dev/core/hover-card",
    "description": "Display popover section when target element is hovered",
    "searchTags": "hover popup, tooltip large, rich tooltip, preview card",
    "headings": [
      "Usage",
      "Delays",
      "HoverCard delay group",
      "Activation events",
      "Keyboard interactions",
      "Interactive dropdown",
      "With interactive elements",
      "Dropdown role",
      "Target component",
      "Accessibility"
    ],
    "propsCount": 52,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-hover-card.md",
    "searchText": "hovercard display popover section when target element is hovered @mantine/core /core/hover-card overlays hover popup, tooltip large, rich tooltip, preview card usage delays hovercard delay group activation events keyboard interactions interactive dropdown with interactive elements dropdown role target component accessibility arrowoffset arrowposition arrowradius arrowsize children clickoutsidecapture clickoutsideevents closedelay closeonclickoutside closeonescape defaultopened disabled events floatingstrategy hidedetached id initiallyopened interactive keepmounted keepmountedmode middlewares offset onclose ondismiss onentertransitionend onexittransitionend onopen onpositionchange opendelay overlayprops portalprops position preventpositionchangewhenvisible radius returnfocus role shadow transitionprops trapfocus width witharrow withoverlay withroles withinportal zindex children eventpropswrappername popuptype refprop children closedelay opendelay"
  },
  {
    "id": "core-hue-slider",
    "name": "HueSlider",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/hue-slider",
    "docsUrl": "https://mantine.dev/core/hue-slider",
    "description": "Slider component for selecting hue channel in color pickers (0 – 360 degrees)",
    "searchTags": "hue, color picker hue, rainbow slider, color wheel",
    "headings": [
      "Usage"
    ],
    "propsCount": 7,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-hue-slider.md",
    "searchText": "hueslider slider component for selecting hue channel in color pickers (0 – 360 degrees) @mantine/core /core/hue-slider inputs hue, color picker hue, rainbow slider, color wheel usage focusable onchange onchangeend onscrubend onscrubstart size value"
  },
  {
    "id": "core-image",
    "name": "Image",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/image",
    "docsUrl": "https://mantine.dev/core/image",
    "description": "Image with optional fallback",
    "searchTags": "img, picture, photo, thumbnail, figure",
    "headings": [
      "Usage",
      "Image height",
      "Image fit",
      "Fallback image",
      "Usage with Next.js Image"
    ],
    "propsCount": 5,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-image.md",
    "searchText": "image image with optional fallback @mantine/core /core/image data display img, picture, photo, thumbnail, figure usage image height image fit fallback image usage with next.js image fallbacksrc fit onerror radius src"
  },
  {
    "id": "core-indicator",
    "name": "Indicator",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/indicator",
    "docsUrl": "https://mantine.dev/core/indicator",
    "description": "Display element at the corner of another element",
    "searchTags": "badge dot, notification dot, status dot, corner badge, unread indicator",
    "headings": [
      "Usage",
      "Inline",
      "Offset",
      "Processing animation",
      "Disabled",
      "Max value",
      "Show zero",
      "Auto contrast"
    ],
    "propsCount": 14,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-indicator.md",
    "searchText": "indicator display element at the corner of another element @mantine/core /core/indicator data display badge dot, notification dot, status dot, corner badge, unread indicator usage inline offset processing animation disabled max value show zero auto contrast autocontrast color disabled inline label maxvalue offset position processing radius showzero size withborder zindex"
  },
  {
    "id": "core-input",
    "name": "Input",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/input",
    "docsUrl": "https://mantine.dev/core/input",
    "description": "Base component to create custom inputs",
    "searchTags": "form field, base input, input wrapper, label, error, description",
    "headings": [
      "Disclaimer",
      "Usage",
      "Loading state",
      "Input sections",
      "Change input element",
      "Input.Wrapper component",
      "inputWrapperOrder",
      "inputContainer",
      "required and withAsterisk props",
      "error prop",
      "success prop",
      "Input.Label, Input.Description and Input.Error components",
      "Input.Placeholder component",
      "Input.ClearButton component",
      "Default props on theme",
      "Shared default props for all inputs",
      "Styles on theme",
      "Change focus styles",
      "InputBase component",
      "Accessibility"
    ],
    "propsCount": 45,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-input.md",
    "searchText": "input base component to create custom inputs @mantine/core /core/input inputs form field, base input, input wrapper, label, error, description disclaimer usage loading state input sections change input element input.wrapper component inputwrapperorder inputcontainer required and withasterisk props error prop success prop input.label, input.description and input.error components input.placeholder component input.clearbutton component default props on theme shared default props for all inputs styles on theme change focus styles inputbase component accessibility disabled error id inputsize leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition multiline pointer radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth rootref size success witharia witherrorstyles withsuccessstyles wrapperprops description descriptionprops error errorprops id inputcontainer inputwrapperorder label labelelement labelprops required size success successprops withasterisk labelelement required size size size"
  },
  {
    "id": "core-json-input",
    "name": "JsonInput",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/json-input",
    "docsUrl": "https://mantine.dev/core/json-input",
    "description": "Capture json data from user",
    "searchTags": "json editor, code input, json field, json validator",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Uncontrolled",
      "Custom serialization",
      "Input props",
      "Success state"
    ],
    "propsCount": 44,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-json-input.md",
    "searchText": "jsoninput capture json data from user @mantine/core /core/json-input inputs json editor, code input, json field, json validator usage loading state controlled uncontrolled custom serialization input props success state autosize bottomsection bottomsectionprops defaultvalue description descriptionprops deserialize disabled error errorprops formatonblur indentspaces inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition maxrows minrows onchange pointer radius required resize rightsection rightsectionpointerevents rightsectionprops rightsectionwidth serialize size success successprops validationerror value withasterisk witherrorstyles withsuccessstyles wrapperprops"
  },
  {
    "id": "core-kbd",
    "name": "Kbd",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/kbd",
    "docsUrl": "https://mantine.dev/core/kbd",
    "description": "Display keyboard key",
    "searchTags": "keyboard, hotkey, shortcut, key, command, ctrl, cmd",
    "headings": [
      "Usage",
      "Size"
    ],
    "propsCount": 1,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-kbd.md",
    "searchText": "kbd display keyboard key @mantine/core /core/kbd data display keyboard, hotkey, shortcut, key, command, ctrl, cmd usage size size"
  },
  {
    "id": "core-list",
    "name": "List",
    "kind": "component",
    "group": "components",
    "category": "Typography",
    "package": "@mantine/core",
    "route": "/core/list",
    "docsUrl": "https://mantine.dev/core/list",
    "description": "Display ordered or unordered list",
    "searchTags": "ul, ol, bullet list, numbered list, items list",
    "headings": [
      "Usage",
      "With icons",
      "Nested lists",
      "Ordered list numbering"
    ],
    "propsCount": 12,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-list.md",
    "searchText": "list display ordered or unordered list @mantine/core /core/list typography ul, ol, bullet list, numbered list, items list usage with icons nested lists ordered list numbering center children icon liststyletype reversed size spacing start type withpadding children icon"
  },
  {
    "id": "core-loader",
    "name": "Loader",
    "kind": "component",
    "group": "components",
    "category": "Feedback",
    "package": "@mantine/core",
    "route": "/core/loader",
    "docsUrl": "https://mantine.dev/core/loader",
    "description": "Indicate loading state",
    "searchTags": "spinner, loading, progress, activity indicator, busy",
    "headings": [
      "Usage",
      "Size prop",
      "Adding custom loaders",
      "children prop"
    ],
    "propsCount": 5,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-loader.md",
    "searchText": "loader indicate loading state @mantine/core /core/loader feedback spinner, loading, progress, activity indicator, busy usage size prop adding custom loaders children prop children color loaders size type"
  },
  {
    "id": "core-loading-overlay",
    "name": "LoadingOverlay",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/loading-overlay",
    "docsUrl": "https://mantine.dev/core/loading-overlay",
    "description": "An overlay with centered loader",
    "searchTags": "loading spinner, full loader, loading state, blocking loader, busy overlay",
    "headings": [
      "Usage",
      "Loader props",
      "Custom inline loaders"
    ],
    "propsCount": 9,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-loading-overlay.md",
    "searchText": "loadingoverlay an overlay with centered loader @mantine/core /core/loading-overlay overlays loading spinner, full loader, loading state, blocking loader, busy overlay usage loader props custom inline loaders loaderprops onenter onentered onexit onexited overlayprops transitionprops visible zindex"
  },
  {
    "id": "core-mark",
    "name": "Mark",
    "kind": "component",
    "group": "components",
    "category": "Typography",
    "package": "@mantine/core",
    "route": "/core/mark",
    "docsUrl": "https://mantine.dev/core/mark",
    "description": "Highlight part of the text",
    "searchTags": "highlight, yellow text, marker, emphasize",
    "headings": [
      "Usage"
    ],
    "propsCount": 1,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-mark.md",
    "searchText": "mark highlight part of the text @mantine/core /core/mark typography highlight, yellow text, marker, emphasize usage color"
  },
  {
    "id": "core-marquee",
    "name": "Marquee",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/marquee",
    "docsUrl": "https://mantine.dev/core/marquee",
    "description": "Create continuous scrolling animation for content",
    "searchTags": "ticker, scrolling text, news ticker, infinite scroll, running text",
    "headings": [
      "Usage",
      "Pause on hover",
      "Vertical orientation",
      "Multiple rows",
      "Fade edges",
      "Customization"
    ],
    "propsCount": 10,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-marquee.md",
    "searchText": "marquee create continuous scrolling animation for content @mantine/core /core/marquee miscellaneous ticker, scrolling text, news ticker, infinite scroll, running text usage pause on hover vertical orientation multiple rows fade edges customization children duration fadeedgecolor fadeedgesize fadeedges gap orientation pauseonhover repeat reverse"
  },
  {
    "id": "core-mask-input",
    "name": "MaskInput",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/mask-input",
    "docsUrl": "https://mantine.dev/core/mask-input",
    "description": "Input with mask pattern for formatted text entry",
    "searchTags": "masked input, phone input, credit card input, formatted input, pattern input, ssn",
    "headings": [
      "Usage",
      "Dynamic mask",
      "Custom tokens",
      "Regex array format",
      "Transform",
      "Disabled state",
      "Error state",
      "Success state",
      "Reset value",
      "With use-form",
      "Mask pattern syntax"
    ],
    "propsCount": 43,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-mask-input.md",
    "searchText": "maskinput input with mask pattern for formatted text entry @mantine/core /core/mask-input inputs masked input, phone input, credit card input, formatted input, pattern input, ssn usage dynamic mask custom tokens regex array format transform disabled state error state success state reset value with use-form mask pattern syntax alwaysshowmask autoclear beforemaskedstatechange description descriptionprops disabled error errorprops inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition mask modify onchangeraw oncomplete pointer radius required resetref rightsection rightsectionpointerevents rightsectionprops rightsectionwidth separate showmaskonfocus size slotchar success successprops tokens transform withasterisk witherrorstyles withsuccessstyles wrapperprops"
  },
  {
    "id": "core-menu",
    "name": "Menu",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/menu",
    "docsUrl": "https://mantine.dev/core/menu",
    "description": "Combine a list of secondary actions into single interactive area",
    "searchTags": "dropdown menu, context menu, popup menu, options menu, overflow menu, kebab menu, actions menu",
    "headings": [
      "Usage",
      "Submenus",
      "Search",
      "Checkbox items",
      "Checkbox group",
      "Radio items",
      "Aligning labels of items with and without indicators",
      "Custom check icon",
      "Type-ahead navigation",
      "Context menu",
      "Controlled",
      "Show menu on hover",
      "Disabled items",
      "Dropdown position",
      "Transitions",
      "Custom component as Menu.Item",
      "Accessibility"
    ],
    "propsCount": 155,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-menu.md",
    "searchText": "menu combine a list of secondary actions into single interactive area @mantine/core /core/menu overlays dropdown menu, context menu, popup menu, options menu, overflow menu, kebab menu, actions menu usage submenus search checkbox items checkbox group radio items aligning labels of items with and without indicators custom check icon type-ahead navigation context menu controlled show menu on hover disabled items dropdown position transitions custom component as menu.item accessibility alignitemslabels arrowoffset arrowposition arrowradius arrowsize checkicon children clickoutsidecapture clickoutsideevents closedelay closeonclickoutside closeonescape closeonitemclick defaultopened disabled floatingstrategy hidedetached id keepmounted keepmountedmode loop menuitemtabindex middlewares offset onchange onclose ondismiss onentertransitionend onexittransitionend onopen onpositionchange opendelay opened overlayprops portalprops position preventpositionchangewhenvisible radius returnfocus shadow transitionprops trapfocus trigger width witharrow withinitialfocusplaceholder withoverlay withinportal zindex children refprop children closemenuonclick color disabled leftsection rightsection clearsearchonclose disabled error id inputsize leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition multiline pointer radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth rootref size success witharia witherrorstyles withsuccessstyles wrapperprops checkicon checked children closemenuonclick color defaultchecked disabled onchange rightsection value children defaultvalue onchange value checkicon checked children closemenuonclick color disabled onchange rightsection value children defaultvalue onchange value children disabled longpressdelay arrowoffset arrowposition arrowradius arrowsize clickoutsidecapture closedelay disabled floatingstrategy hidedetached keepmounted keepmountedmode middlewares offset onchange onclose ondismiss onentertransitionend onexittransitionend onopen onpositionchange opendelay opened overlayprops position preventpositionchangewhenvisible radius returnfocus safeareapolygon shadow transitionprops width witharrow withoverlay zindex children closemenuonclick color disabled leftsection rightsection children refprop"
  },
  {
    "id": "core-menubar",
    "name": "Menubar",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/menubar",
    "docsUrl": "https://mantine.dev/core/menubar",
    "description": "Desktop application style menubar with a row of menu triggers",
    "searchTags": "menu bar, application menu, desktop menu, top menu, menubar, file edit view",
    "headings": [
      "Usage",
      "How it differs from Menu",
      "Composition",
      "Trigger and loop",
      "Submenus",
      "Checkbox and radio items",
      "Controlled",
      "Position",
      "Accessibility"
    ],
    "propsCount": 7,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-menubar.md",
    "searchText": "menubar desktop application style menubar with a row of menu triggers @mantine/core /core/menubar overlays menu bar, application menu, desktop menu, top menu, menubar, file edit view usage how it differs from menu composition trigger and loop submenus checkbox and radio items controlled position accessibility children defaultopenindex loop onopenchange openindex position trigger"
  },
  {
    "id": "core-modal",
    "name": "Modal",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/modal",
    "docsUrl": "https://mantine.dev/core/modal",
    "description": "An accessible overlay dialog",
    "searchTags": "dialog, popup, window, overlay, lightbox, useModalsStack, use-modals-stack",
    "headings": [
      "Usage",
      "Center modal vertically",
      "Remove header",
      "Change size",
      "Size auto",
      "Fullscreen",
      "Customize overlay",
      "Modal with scroll",
      "Usage with ScrollArea",
      "Change offsets",
      "Change transitions",
      "onExitTransitionEnd and onEnterTransitionEnd",
      "Initial focus",
      "Control behavior",
      "react-remove-scroll settings",
      "Change close icon",
      "Compound components",
      "Modal.Stack",
      "useModalsStack hook",
      "Fixed elements offset",
      "Accessibility"
    ],
    "propsCount": 33,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-modal.md",
    "searchText": "modal an accessible overlay dialog @mantine/core /core/modal overlays dialog, popup, window, overlay, lightbox, usemodalsstack, use-modals-stack usage center modal vertically remove header change size size auto fullscreen customize overlay modal with scroll usage with scrollarea change offsets change transitions onexittransitionend and onentertransitionend initial focus control behavior react-remove-scroll settings change close icon compound components modal.stack usemodalsstack hook fixed elements offset accessibility centered children closebuttonprops closeonclickoutside closeonescape fullscreen id keepmounted keepmountedmode lockscroll onclose onentertransitionend onexittransitionend opened overlayprops padding portalprops radius removescrollprops returnfocus scrollareacomponent shadow size stackid title transitionprops trapfocus withclosebutton withoverlay withinportal xoffset yoffset zindex"
  },
  {
    "id": "core-multi-select",
    "name": "MultiSelect",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/multi-select",
    "docsUrl": "https://mantine.dev/core/multi-select",
    "description": "Custom searchable multi select",
    "searchTags": "multi dropdown, multiple select, multiselect, tags picker, checkbox list",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Clearable",
      "Searchable",
      "Controlled search value",
      "Nothing found",
      "Checked option icon",
      "Max selected values",
      "Hide selected options",
      "Data prop",
      "Value type",
      "Filtering",
      "Sort options",
      "Fuzzy search with fuse.js",
      "Large datasets",
      "renderOption",
      "renderPill",
      "Reorder pills",
      "Scrollable dropdown",
      "Fit dropdown to viewport height",
      "Group options",
      "Disabled options",
      "Inside Popover",
      "Control dropdown opened state",
      "Dropdown position",
      "Dropdown width",
      "Dropdown offset",
      "Dropdown animation",
      "Dropdown padding",
      "Dropdown shadow",
      "Input sections",
      "Input props",
      "Read only",
      "Disabled",
      "Error state",
      "Backspace key"
    ],
    "propsCount": 72,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-multi-select.md",
    "searchText": "multiselect custom searchable multi select @mantine/core /core/multi-select combobox multi dropdown, multiple select, multiselect, tags picker, checkbox list usage loading state controlled clearable searchable controlled search value nothing found checked option icon max selected values hide selected options data prop value type filtering sort options fuzzy search with fuse.js large datasets renderoption renderpill reorder pills scrollable dropdown fit dropdown to viewport height group options disabled options inside popover control dropdown opened state dropdown position dropdown width dropdown offset dropdown animation dropdown padding dropdown shadow input sections input props read only disabled error state backspace key checkiconposition chevroncolor clearbuttonprops clearsearchonchange clearsectionmode clearable comboboxprops data defaultdropdownopened defaultsearchvalue defaultvalue description descriptionprops disabled dropdownopened error errorprops filter floatingheight hiddeninputprops hiddeninputvaluesdivider hidepickedoptions inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth limit loading loadingposition maxdropdownheight maxvalues nothingfoundmessage onchange onclear ondropdownclose ondropdownopen onmaxvalues onoptionsubmit onremove onsearchchange openonfocus pointer radius renderoption renderpill required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth scrollareaprops searchvalue searchable selectfirstoptiononchange selectfirstoptionondropdownopen size success successprops value withalignedlabels withasterisk withcheckicon witherrorstyles withpillsreorder withscrollarea withsuccessstyles wrapperprops"
  },
  {
    "id": "core-native-select",
    "name": "NativeSelect",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/native-select",
    "docsUrl": "https://mantine.dev/core/native-select",
    "description": "Native select element based on Input",
    "searchTags": "dropdown, select element, options, html select, combobox",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Uncontrolled",
      "Adding options",
      "With dividers",
      "Input sections",
      "Disabled state",
      "Error state"
    ],
    "propsCount": 30,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-native-select.md",
    "searchText": "nativeselect native select element based on input @mantine/core /core/native-select inputs dropdown, select element, options, html select, combobox usage loading state controlled uncontrolled adding options with dividers input sections disabled state error state data description descriptionprops disabled error errorprops inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size success successprops withasterisk witherrorstyles withsuccessstyles wrapperprops"
  },
  {
    "id": "core-nav-link",
    "name": "NavLink",
    "kind": "component",
    "group": "components",
    "category": "Navigation",
    "package": "@mantine/core",
    "route": "/core/nav-link",
    "docsUrl": "https://mantine.dev/core/nav-link",
    "description": "Navigation link",
    "searchTags": "navigation link, sidebar item, menu item, nav item, vertical nav",
    "headings": [
      "Usage",
      "Active",
      "Nested NavLinks"
    ],
    "propsCount": 18,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-nav-link.md",
    "searchText": "navlink navigation link @mantine/core /core/nav-link navigation navigation link, sidebar item, menu item, nav item, vertical nav usage active nested navlinks active autocontrast children childrenoffset color defaultopened description disablerightsectionrotation disabled keepmounted label leftsection nowrap onchange onclick onkeydown opened rightsection"
  },
  {
    "id": "core-notification",
    "name": "Notification",
    "kind": "component",
    "group": "components",
    "category": "Feedback",
    "package": "@mantine/core",
    "route": "/core/notification",
    "docsUrl": "https://mantine.dev/core/notification",
    "description": "Show dynamic notifications and alerts to user, part of notifications system",
    "searchTags": "toast, snackbar, alert, message, popup message",
    "headings": [
      "Usage",
      "Notifications system features",
      "Accessibility"
    ],
    "propsCount": 11,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-notification.md",
    "searchText": "notification show dynamic notifications and alerts to user, part of notifications system @mantine/core /core/notification feedback toast, snackbar, alert, message, popup message usage notifications system features accessibility children closebuttonprops color icon loaderprops loading onclose radius title withborder withclosebutton"
  },
  {
    "id": "core-number-formatter",
    "name": "NumberFormatter",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/number-formatter",
    "docsUrl": "https://mantine.dev/core/number-formatter",
    "description": "Format number with thousands/decimal separators and suffix/prefix",
    "searchTags": "format number, currency, decimal, thousand separator, price display",
    "headings": [
      "Usage",
      "Prefix and suffix",
      "Thousands separator",
      "Decimal scale"
    ],
    "propsCount": 9,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-number-formatter.md",
    "searchText": "numberformatter format number with thousands/decimal separators and suffix/prefix @mantine/core /core/number-formatter data display format number, currency, decimal, thousand separator, price display usage prefix and suffix thousands separator decimal scale allownegative decimalscale decimalseparator fixeddecimalscale prefix suffix thousandseparator thousandsgroupstyle value"
  },
  {
    "id": "core-number-input",
    "name": "NumberInput",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/number-input",
    "docsUrl": "https://mantine.dev/core/number-input",
    "description": "Capture number from user",
    "searchTags": "numeric input, number field, integer input, decimal input, price input, quantity",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Uncontrolled",
      "Value type",
      "BigInt values",
      "onChange vs onValueChange",
      "min and max",
      "Clamp behavior",
      "Boundary callbacks",
      "Select all on focus",
      "Prefix and suffix",
      "Negative numbers",
      "Decimal numbers",
      "Decimal scale",
      "Fixed decimal scale",
      "Decimal separator",
      "Thousand separator",
      "Trim leading zeros on blur",
      "Input sections",
      "Increment/decrement controls",
      "Increment/decrement on hold",
      "Custom increment and decrement controls",
      "Error state",
      "Success state"
    ],
    "propsCount": 61,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-number-input.md",
    "searchText": "numberinput capture number from user @mantine/core /core/number-input inputs numeric input, number field, integer input, decimal input, price input, quantity usage loading state controlled uncontrolled value type bigint values onchange vs onvaluechange min and max clamp behavior boundary callbacks select all on focus prefix and suffix negative numbers decimal numbers decimal scale fixed decimal scale decimal separator thousand separator trim leading zeros on blur input sections increment/decrement controls increment/decrement on hold custom increment and decrement controls error state success state allowdecimal allowleadingzeros allownegative alloweddecimalseparators clampbehavior decimalscale decimalseparator defaultvalue description descriptionprops disabled error errorprops fixeddecimalscale handlersref hidecontrols inputcontainer inputsize inputwrapperorder isallowed label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition max min onchange onmaxreached onminreached onvaluechange prefix radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth selectallonfocus size startvalue step stepholddelay stepholdinterval success successprops suffix thousandseparator thousandsgroupstyle trimleadingzeroesonblur type value valueisnumericstring withasterisk witherrorstyles withkeyboardevents withsuccessstyles wrapperprops"
  },
  {
    "id": "core-overflow-list",
    "name": "OverflowList",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/overflow-list",
    "docsUrl": "https://mantine.dev/core/overflow-list",
    "description": "Hide items that do not fit in a container and display them as a single collapsed item",
    "searchTags": "truncated list, responsive list, collapsed items, priority plus, hidden items",
    "headings": [
      "Usage",
      "Data type",
      "Max rows",
      "Max visible items",
      "Collapse from",
      "Example: overflow with hover card"
    ],
    "propsCount": 8,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-overflow-list.md",
    "searchText": "overflowlist hide items that do not fit in a container and display them as a single collapsed item @mantine/core /core/overflow-list data display truncated list, responsive list, collapsed items, priority plus, hidden items usage data type max rows max visible items collapse from example: overflow with hover card collapsefrom data gap getitemkey maxrows maxvisibleitems renderitem renderoverflow"
  },
  {
    "id": "core-overlay",
    "name": "Overlay",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/overlay",
    "docsUrl": "https://mantine.dev/core/overlay",
    "description": "Overlays parent element with div element with any color and opacity",
    "searchTags": "backdrop, dim, modal background, scrim, dark overlay",
    "headings": [
      "Usage",
      "Gradient",
      "Blur"
    ],
    "propsCount": 9,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-overlay.md",
    "searchText": "overlay overlays parent element with div element with any color and opacity @mantine/core /core/overlay overlays backdrop, dim, modal background, scrim, dark overlay usage gradient blur backgroundopacity blur center children color fixed gradient radius zindex"
  },
  {
    "id": "core-package",
    "name": "Get started",
    "kind": "component",
    "group": "components",
    "category": "",
    "package": "@mantine/core",
    "route": "/core/package",
    "docsUrl": "https://mantine.dev/core/package",
    "description": "",
    "headings": [
      "Installation",
      "Usage",
      "License"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-package.md",
    "searchText": "get started @mantine/core /core/package installation usage license"
  },
  {
    "id": "core-pagination",
    "name": "Pagination",
    "kind": "component",
    "group": "components",
    "category": "Navigation",
    "package": "@mantine/core",
    "route": "/core/pagination",
    "docsUrl": "https://mantine.dev/core/pagination",
    "description": "Display active page and navigate between multiple pages",
    "searchTags": "pager, page navigation, page numbers, next previous, paginate",
    "headings": [
      "Usage",
      "Example with chunked content",
      "Controlled",
      "Siblings",
      "Boundaries",
      "Responsive layout",
      "Compound components",
      "Controls as links",
      "Change icons",
      "Controls size",
      "Start value",
      "URL synchronization",
      "use-pagination hook"
    ],
    "propsCount": 56,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-pagination.md",
    "searchText": "pagination display active page and navigate between multiple pages @mantine/core /core/pagination navigation pager, page navigation, page numbers, next previous, paginate usage example with chunked content controlled siblings boundaries responsive layout compound components controls as links change icons controls size start value url synchronization use-pagination hook autocontrast boundaries color defaultvalue disabled dotsicon firsticon formatlabel gap getcontrolprops getitemprops hidewithonepage lasticon layout nexticon onchange onfirstpage onlastpage onnextpage onpreviouspage previousicon radius siblings size startvalue total value withcontrols withedges withpages autocontrast boundaries color defaultvalue disabled getitemprops layout onchange onfirstpage onlastpage onnextpage onpreviouspage radius siblings size startvalue total value icon icon icon icon dotsicon icon active withpadding"
  },
  {
    "id": "core-paper",
    "name": "Paper",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/paper",
    "docsUrl": "https://mantine.dev/core/paper",
    "description": "Renders white or dark background depending on color scheme",
    "searchTags": "surface, card, sheet, elevated container, panel",
    "headings": [
      "Usage"
    ],
    "propsCount": 3,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-paper.md",
    "searchText": "paper renders white or dark background depending on color scheme @mantine/core /core/paper miscellaneous surface, card, sheet, elevated container, panel usage radius shadow withborder"
  },
  {
    "id": "core-password-input",
    "name": "PasswordInput",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/password-input",
    "docsUrl": "https://mantine.dev/core/password-input",
    "description": "Capture password data from user",
    "searchTags": "password field, secret input, hidden input, passcode input, reveal password",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Uncontrolled",
      "Controlled visibility toggle",
      "Change visibility toggle icon",
      "Strength meter example",
      "Usage without visibility toggle",
      "Input sections",
      "Error state",
      "Success state"
    ],
    "propsCount": 35,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-password-input.md",
    "searchText": "passwordinput capture password data from user @mantine/core /core/password-input inputs password field, secret input, hidden input, passcode input, reveal password usage loading state controlled uncontrolled controlled visibility toggle change visibility toggle icon strength meter example usage without visibility toggle input sections error state success state defaultvisible description descriptionprops disabled error errorprops inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition onvisibilitychange radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size success successprops visibilitytogglebuttonprops visibilitytogglefocusable visibilitytoggleicon visible withasterisk witherrorstyles withsuccessstyles wrapperprops"
  },
  {
    "id": "core-pill",
    "name": "Pill",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/pill",
    "docsUrl": "https://mantine.dev/core/pill",
    "description": "Removable and non-removable tags",
    "searchTags": "tag, chip, label, badge, removable tag, token",
    "headings": [
      "Usage"
    ],
    "propsCount": 6,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-pill.md",
    "searchText": "pill removable and non-removable tags @mantine/core /core/pill combobox tag, chip, label, badge, removable tag, token usage disabled onremove radius removebuttonprops size withremovebutton"
  },
  {
    "id": "core-pills-input",
    "name": "PillsInput",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/pills-input",
    "docsUrl": "https://mantine.dev/core/pills-input",
    "description": "Base component for custom tags inputs and multi selects",
    "searchTags": "tags input, chips input, tokens input, multi input",
    "headings": [
      "Usage",
      "Loading state",
      "Input props",
      "Searchable select example",
      "Accessibility"
    ],
    "propsCount": 32,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-pills-input.md",
    "searchText": "pillsinput base component for custom tags inputs and multi selects @mantine/core /core/pills-input combobox tags input, chips input, tokens input, multi input usage loading state input props searchable select example accessibility description descriptionprops disabled error errorprops inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition pointer radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size success successprops withasterisk witherrorstyles withsuccessstyles wrapperprops pointer type"
  },
  {
    "id": "core-pin-input",
    "name": "PinInput",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/pin-input",
    "docsUrl": "https://mantine.dev/core/pin-input",
    "description": "Capture pin code or one time password from the user",
    "searchTags": "otp, one time password, verification code, auth code, sms code, totp, 2fa, mfa",
    "headings": [
      "Usage",
      "Controlled",
      "Uncontrolled",
      "Regex type",
      "One time code",
      "Accessibility"
    ],
    "propsCount": 27,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-pin-input.md",
    "searchText": "pininput capture pin code or one time password from the user @mantine/core /core/pin-input inputs otp, one time password, verification code, auth code, sms code, totp, 2fa, mfa usage controlled uncontrolled regex type one time code accessibility arialabel autofocus defaultvalue disabled error form gap getinputprops hiddeninputprops id inputmode inputtype length managefocus mask name onchange oncomplete onetimecode placeholder radius readonly rootref size success type value"
  },
  {
    "id": "core-popover",
    "name": "Popover",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/popover",
    "docsUrl": "https://mantine.dev/core/popover",
    "description": "Display popover section relative to given target element",
    "searchTags": "dropdown, tooltip, flyout, floating panel, overlay, popup",
    "headings": [
      "Usage",
      "Controlled",
      "Focus trap",
      "Inline elements",
      "Same width",
      "offset",
      "Middlewares",
      "Customize middleware options",
      "Dropdown arrow",
      "With overlay",
      "Hide detached",
      "Disabled",
      "Click outside",
      "onDismiss",
      "Initial focus",
      "Target component",
      "Context menu",
      "Nested popovers",
      "Accessibility",
      "Keyboard interactions"
    ],
    "propsCount": 47,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-popover.md",
    "searchText": "popover display popover section relative to given target element @mantine/core /core/popover overlays dropdown, tooltip, flyout, floating panel, overlay, popup usage controlled focus trap inline elements same width offset middlewares customize middleware options dropdown arrow with overlay hide detached disabled click outside ondismiss initial focus target component context menu nested popovers accessibility keyboard interactions arrowoffset arrowposition arrowradius arrowsize children clickoutsidecapture clickoutsideevents closeonclickoutside closeonescape defaultopened disabled floatingstrategy hidedetached id keepmounted keepmountedmode middlewares offset onchange onclose ondismiss onentertransitionend onexittransitionend onopen onpositionchange opened overlayprops portalprops position preventpositionchangewhenvisible radius returnfocus shadow transitionprops trapfocus width witharrow withoverlay withroles withinportal zindex children popuptype refprop children disabled longpressdelay"
  },
  {
    "id": "core-portal",
    "name": "Portal",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/portal",
    "docsUrl": "https://mantine.dev/core/portal",
    "description": "Renders component outside of parent element tree",
    "searchTags": "teleport, render outside, react portal",
    "headings": [
      "Usage",
      "Reuse target node",
      "Specify target DOM node",
      "Server side rendering",
      "OptionalPortal component"
    ],
    "propsCount": 3,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-portal.md",
    "searchText": "portal renders component outside of parent element tree @mantine/core /core/portal miscellaneous teleport, render outside, react portal usage reuse target node specify target dom node server side rendering optionalportal component children reusetargetnode target"
  },
  {
    "id": "core-progress",
    "name": "Progress",
    "kind": "component",
    "group": "components",
    "category": "Feedback",
    "package": "@mantine/core",
    "route": "/core/progress",
    "docsUrl": "https://mantine.dev/core/progress",
    "description": "Give user feedback for status of the task",
    "searchTags": "progress bar, loading bar, percentage, status bar, determinate",
    "headings": [
      "Usage",
      "Compound components",
      "Vertical orientation",
      "With tooltips",
      "Section width transition",
      "Accessibility"
    ],
    "propsCount": 19,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-progress.md",
    "searchText": "progress give user feedback for status of the task @mantine/core /core/progress feedback progress bar, loading bar, percentage, status bar, determinate usage compound components vertical orientation with tooltips section width transition accessibility animated autocontrast color orientation radius size striped transitionduration value autocontrast orientation radius size transitionduration animated color striped value witharia"
  },
  {
    "id": "core-radio",
    "name": "Radio",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/radio",
    "docsUrl": "https://mantine.dev/core/radio",
    "description": "Wrapper for input type radio",
    "searchTags": "radio button, option, single choice, radio group, radio card",
    "headings": [
      "Usage",
      "Controlled",
      "Uncontrolled",
      "Read only",
      "States",
      "Light variant",
      "Change icon",
      "Change icon color",
      "Disabled state",
      "Pointer cursor",
      "Radio with tooltip",
      "Wrapper props",
      "Radio.Group component",
      "Radio.Group disabled state",
      "Controlled Radio.Group",
      "Radio.Indicator",
      "Accessibility"
    ],
    "propsCount": 49,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-radio.md",
    "searchText": "radio wrapper for input type radio @mantine/core /core/radio inputs radio button, option, single choice, radio group, radio card usage controlled uncontrolled read only states light variant change icon change icon color disabled state pointer cursor radio with tooltip wrapper props radio.group component radio.group disabled state controlled radio.group radio.indicator accessibility autocontrast color description error icon iconcolor label labelposition radius rootref size witherrorstyles wrapperprops children defaultvalue description descriptionprops disabled error errorprops id inputcontainer inputwrapperorder label labelelement labelprops name onchange readonly required size success successprops value withasterisk wrapperprops autocontrast checked color disabled icon iconcolor radius size checked name radius value withborder"
  },
  {
    "id": "core-range-slider",
    "name": "RangeSlider",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/range-slider",
    "docsUrl": "https://mantine.dev/core/range-slider",
    "description": "RangeSlider component",
    "searchTags": "dual slider, min max, price range, interval picker, two handle slider",
    "headings": [
      "Usage",
      "Controlled",
      "Uncontrolled",
      "Disabled",
      "Control label",
      "Min, max and step",
      "Domain",
      "Decimal values",
      "minRange",
      "maxRange",
      "pushOnOverlap",
      "Marks",
      "Restrict selection to marks",
      "Inverted",
      "Hidden marks",
      "Accessibility",
      "Keyboard interactions"
    ],
    "propsCount": 34,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-range-slider.md",
    "searchText": "rangeslider rangeslider component @mantine/core /core/range-slider inputs dual slider, min max, price range, interval picker, two handle slider usage controlled uncontrolled disabled control label min, max and step domain decimal values minrange maxrange pushonoverlap marks restrict selection to marks inverted hidden marks accessibility keyboard interactions color defaultvalue disabled domain hiddeninputprops inverted label labelalwayson labeltransitionprops marks max maxrange min minrange name onchange onchangeend orientation precision pushonoverlap radius restricttomarks scale showlabelonhover size step thumbchildren thumbfromlabel thumblabel thumbprops thumbsize thumbtolabel thumbvaluetext value"
  },
  {
    "id": "core-rating",
    "name": "Rating",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/rating",
    "docsUrl": "https://mantine.dev/core/rating",
    "description": "Pick and display rating",
    "searchTags": "stars, review, score, feedback, 5 stars, star rating",
    "headings": [
      "Usage",
      "Controlled",
      "Uncontrolled",
      "Read only",
      "Allow clear",
      "Fractions",
      "Custom symbol",
      "Symbols for each item"
    ],
    "propsCount": 15,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-rating.md",
    "searchText": "rating pick and display rating @mantine/core /core/rating inputs stars, review, score, feedback, 5 stars, star rating usage controlled uncontrolled read only allow clear fractions custom symbol symbols for each item allowclear color count defaultvalue emptysymbol fractions fullsymbol getsymbollabel highlightselectedonly name onchange onhover readonly size value"
  },
  {
    "id": "core-ring-progress",
    "name": "RingProgress",
    "kind": "component",
    "group": "components",
    "category": "Feedback",
    "package": "@mantine/core",
    "route": "/core/ring-progress",
    "docsUrl": "https://mantine.dev/core/ring-progress",
    "description": "Give user feedback for status of the task with circle diagram",
    "searchTags": "circular progress, radial progress, donut progress, gauge, pie progress",
    "headings": [
      "Usage",
      "Size, thickness & rounded caps",
      "Sections tooltips",
      "Section gaps",
      "Start angle",
      "Background color",
      "Section events",
      "Customize label",
      "Filled segment transition"
    ],
    "propsCount": 9,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-ring-progress.md",
    "searchText": "ringprogress give user feedback for status of the task with circle diagram @mantine/core /core/ring-progress feedback circular progress, radial progress, donut progress, gauge, pie progress usage size, thickness & rounded caps sections tooltips section gaps start angle background color section events customize label filled segment transition label rootcolor roundcaps sectiongap sections size startangle thickness transitionduration"
  },
  {
    "id": "core-rolling-number",
    "name": "RollingNumber",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/rolling-number",
    "docsUrl": "https://mantine.dev/core/rolling-number",
    "description": "Animate value changes with rolling digits",
    "headings": [
      "Usage",
      "Prefix and suffix",
      "Animation duration",
      "Text selection and copying"
    ],
    "propsCount": 11,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-rolling-number.md",
    "searchText": "rollingnumber animate value changes with rolling digits @mantine/core /core/rolling-number data display usage prefix and suffix animation duration text selection and copying animationduration decimalscale decimalseparator fixeddecimalscale prefix suffix tabularnumbers thousandseparator timingfunction value withliveregion"
  },
  {
    "id": "core-scroll-area",
    "name": "ScrollArea",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/scroll-area",
    "docsUrl": "https://mantine.dev/core/scroll-area",
    "description": "Area with custom scrollbars",
    "searchTags": "custom scrollbar, scrollable, overflow, scroll container",
    "headings": [
      "Usage",
      "Offset size",
      "Horizontal scrollbars",
      "Disable horizontal scrollbars",
      "Vertical scrollbar position",
      "Subscribe to scroll position changes",
      "Scroll boundary callbacks",
      "Scroll to position",
      "Start scroll position",
      "Styles API",
      "Scroll element into view",
      "ScrollArea.Autosize",
      "ScrollArea.Autosize with Popover"
    ],
    "propsCount": 15,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-scroll-area.md",
    "searchText": "scrollarea area with custom scrollbars @mantine/core /core/scroll-area miscellaneous custom scrollbar, scrollable, overflow, scroll container usage offset size horizontal scrollbars disable horizontal scrollbars vertical scrollbar position subscribe to scroll position changes scroll boundary callbacks scroll to position start scroll position styles api scroll element into view scrollarea.autosize scrollarea.autosize with popover offsetscrollbars onbottomreached onleftreached onrightreached onscrollpositionchange ontopreached overscrollbehavior scrollhidedelay scrollbarsize scrollbars startscrollposition type verticalscrollbarposition viewportprops viewportref"
  },
  {
    "id": "core-scroller",
    "name": "Scroller",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/scroller",
    "docsUrl": "https://mantine.dev/core/scroller",
    "description": "Horizontal scroll container with navigation controls",
    "searchTags": "horizontal scroll, carousel, snap scroll, arrows navigation, chip scroll",
    "headings": [
      "Usage",
      "Mouse drag scrolling",
      "Scroll amount",
      "Control size",
      "Custom icons",
      "Usage with Tabs"
    ],
    "propsCount": 11,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-scroller.md",
    "searchText": "scroller horizontal scroll container with navigation controls @mantine/core /core/scroller miscellaneous horizontal scroll, carousel, snap scroll, arrows navigation, chip scroll usage mouse drag scrolling scroll amount control size custom icons usage with tabs children controlsize draggable edgegradientcolor endcontrolicon endcontrolprops scrollamount showendcontrol showstartcontrol startcontrolicon startcontrolprops"
  },
  {
    "id": "core-segmented-control",
    "name": "SegmentedControl",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/segmented-control",
    "docsUrl": "https://mantine.dev/core/segmented-control",
    "description": "A linear set of two or more segments",
    "searchTags": "toggle group, button group, tab switcher, options picker, pill switcher",
    "headings": [
      "Usage",
      "Controlled",
      "Uncontrolled",
      "Data prop",
      "Generic value type",
      "Disabled",
      "React node as label",
      "Color",
      "Auto contrast",
      "Transitions",
      "Accessibility and usability"
    ],
    "propsCount": 16,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-segmented-control.md",
    "searchText": "segmentedcontrol a linear set of two or more segments @mantine/core /core/segmented-control inputs toggle group, button group, tab switcher, options picker, pill switcher usage controlled uncontrolled data prop generic value type disabled react node as label color auto contrast transitions accessibility and usability autocontrast color data defaultvalue disabled fullwidth name onchange orientation radius readonly size transitionduration transitiontimingfunction value withitemsborders"
  },
  {
    "id": "core-select",
    "name": "Select",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/select",
    "docsUrl": "https://mantine.dev/core/select",
    "description": "Custom searchable select",
    "searchTags": "dropdown, combobox, options picker, listbox, single select",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "onChange handler",
      "autoSelectOnBlur",
      "Clearable",
      "Allow deselect",
      "Open on focus",
      "Searchable",
      "Controlled search value",
      "Nothing found",
      "Checked option icon",
      "Value type",
      "Data prop",
      "Filtering",
      "Sort options",
      "Fuzzy search with fuse.js",
      "Large datasets",
      "renderOption",
      "Scrollable dropdown",
      "Fit dropdown to viewport height",
      "Group options",
      "Disabled options",
      "Inside Popover",
      "Control dropdown opened state",
      "Dropdown position",
      "Dropdown width",
      "Dropdown offset",
      "Prevent horizontal infinite scrolling",
      "Dropdown animation",
      "Dropdown padding",
      "Dropdown shadow",
      "Input sections",
      "Input props",
      "Read only",
      "Disabled",
      "Error state"
    ],
    "propsCount": 66,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-select.md",
    "searchText": "select custom searchable select @mantine/core /core/select combobox dropdown, combobox, options picker, listbox, single select usage loading state controlled onchange handler autoselectonblur clearable allow deselect open on focus searchable controlled search value nothing found checked option icon value type data prop filtering sort options fuzzy search with fuse.js large datasets renderoption scrollable dropdown fit dropdown to viewport height group options disabled options inside popover control dropdown opened state dropdown position dropdown width dropdown offset prevent horizontal infinite scrolling dropdown animation dropdown padding dropdown shadow input sections input props read only disabled error state allowdeselect autoselectonblur checkiconposition chevroncolor clearbuttonprops clearsectionmode clearable comboboxprops data defaultdropdownopened defaultsearchvalue defaultvalue description descriptionprops disabled dropdownopened error errorprops filter floatingheight hiddeninputprops inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth limit loading loadingposition maxdropdownheight nothingfoundmessage onchange onclear ondropdownclose ondropdownopen onoptionsubmit onsearchchange openonfocus pointer radius renderoption required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth scrollareaprops searchvalue searchable selectfirstoptiononchange selectfirstoptionondropdownopen size success successprops value withalignedlabels withasterisk withcheckicon witherrorstyles withscrollarea withsuccessstyles wrapperprops"
  },
  {
    "id": "core-semi-circle-progress",
    "name": "SemiCircleProgress",
    "kind": "component",
    "group": "components",
    "category": "Feedback",
    "package": "@mantine/core",
    "route": "/core/semi-circle-progress",
    "docsUrl": "https://mantine.dev/core/semi-circle-progress",
    "description": "Represent progress with semi circle diagram",
    "searchTags": "gauge, half circle progress, arc progress, speedometer, meter",
    "headings": [
      "Usage",
      "Change empty segment color",
      "Change label position",
      "Filled segment transition"
    ],
    "propsCount": 10,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-semi-circle-progress.md",
    "searchText": "semicircleprogress represent progress with semi circle diagram @mantine/core /core/semi-circle-progress feedback gauge, half circle progress, arc progress, speedometer, meter usage change empty segment color change label position filled segment transition emptysegmentcolor filldirection filledsegmentcolor label labelposition orientation size thickness transitionduration value"
  },
  {
    "id": "core-simple-grid",
    "name": "SimpleGrid",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/simple-grid",
    "docsUrl": "https://mantine.dev/core/simple-grid",
    "description": "Responsive grid in which each item takes equal amount of space",
    "searchTags": "responsive grid, auto grid, equal columns, card grid, tiles",
    "headings": [
      "Usage",
      "spacing and verticalSpacing props",
      "Responsive props",
      "Container queries",
      "Auto-fill columns",
      "auto-fill vs auto-fit",
      "Auto rows",
      "Browser support"
    ],
    "propsCount": 7,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-simple-grid.md",
    "searchText": "simplegrid responsive grid in which each item takes equal amount of space @mantine/core /core/simple-grid layout responsive grid, auto grid, equal columns, card grid, tiles usage spacing and verticalspacing props responsive props container queries auto-fill columns auto-fill vs auto-fit auto rows browser support autoflow autorows cols mincolwidth spacing type verticalspacing"
  },
  {
    "id": "core-skeleton",
    "name": "Skeleton",
    "kind": "component",
    "group": "components",
    "category": "Feedback",
    "package": "@mantine/core",
    "route": "/core/skeleton",
    "docsUrl": "https://mantine.dev/core/skeleton",
    "description": "Indicate content loading state",
    "searchTags": "loading placeholder, shimmer, ghost loader, content loader, pulse",
    "headings": [
      "Usage",
      "With content"
    ],
    "propsCount": 6,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-skeleton.md",
    "searchText": "skeleton indicate content loading state @mantine/core /core/skeleton feedback loading placeholder, shimmer, ghost loader, content loader, pulse usage with content animate circle height radius visible width"
  },
  {
    "id": "core-slider",
    "name": "Slider",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/slider",
    "docsUrl": "https://mantine.dev/core/slider",
    "description": "Slider component",
    "searchTags": "range input, pick value, seeker, scrubber, volume slider",
    "headings": [
      "Usage",
      "Controlled",
      "Uncontrolled",
      "Disabled",
      "onChangeEnd",
      "Control label",
      "Min, max and step",
      "Domain",
      "Decimal values",
      "Marks",
      "Restrict selection to marks",
      "Thumb size",
      "Thumb children",
      "Scale",
      "Start point",
      "Vertical slider",
      "Hidden marks",
      "Build custom slider",
      "Accessibility",
      "Keyboard interactions"
    ],
    "propsCount": 30,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-slider.md",
    "searchText": "slider slider component @mantine/core /core/slider inputs range input, pick value, seeker, scrubber, volume slider usage controlled uncontrolled disabled onchangeend control label min, max and step domain decimal values marks restrict selection to marks thumb size thumb children scale start point vertical slider hidden marks build custom slider accessibility keyboard interactions color defaultvalue disabled domain hiddeninputprops inverted label labelalwayson labeltransitionprops marks max min name onchange onchangeend orientation precision radius restricttomarks scale showlabelonhover size startpointvalue step thumbchildren thumblabel thumbprops thumbsize thumbvaluetext value"
  },
  {
    "id": "core-space",
    "name": "Space",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/space",
    "docsUrl": "https://mantine.dev/core/space",
    "description": "Add horizontal or vertical spacing from theme",
    "searchTags": "spacer, gap, spacing, margin, empty space",
    "headings": [
      "Usage",
      "Where to use"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-space.md",
    "searchText": "space add horizontal or vertical spacing from theme @mantine/core /core/space layout spacer, gap, spacing, margin, empty space usage where to use"
  },
  {
    "id": "core-splitter",
    "name": "Splitter",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/splitter",
    "docsUrl": "https://mantine.dev/core/splitter",
    "description": "Resizable split pane layout",
    "headings": [
      "Usage",
      "CSS units",
      "Vertical orientation",
      "Collapsible panes",
      "Controlled",
      "Multiple panes",
      "Nested splitters",
      "Redistribute",
      "Line size",
      "Without handle",
      "Imperative API",
      "Wrap Splitter.Pane",
      "use-splitter hook"
    ],
    "propsCount": 16,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-splitter.md",
    "searchText": "splitter resizable split pane layout @mantine/core /core/splitter layout usage css units vertical orientation collapsible panes controlled multiple panes nested splitters redistribute line size without handle imperative api wrap splitter.pane use-splitter hook children handlecolor handleicon linesize oncollapsechange onresizeend onresizestart onsizechange orientation redistribute resetondoubleclick shiftstep sizes splitterref step withhandle"
  },
  {
    "id": "core-spoiler",
    "name": "Spoiler",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/spoiler",
    "docsUrl": "https://mantine.dev/core/spoiler",
    "description": "Hide long sections of content under a spoiler",
    "searchTags": "show more, read more, truncate, expandable content, clamp text",
    "headings": [
      "Usage",
      "Control expanded state",
      "Subscribe to expanded state changes",
      "Transition duration",
      "Get control ref",
      "Accessibility"
    ],
    "propsCount": 10,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-spoiler.md",
    "searchText": "spoiler hide long sections of content under a spoiler @mantine/core /core/spoiler data display show more, read more, truncate, expandable content, clamp text usage control expanded state subscribe to expanded state changes transition duration get control ref accessibility controlref defaultexpanded expanded hidearialabel hidelabel maxheight onexpandedchange showarialabel showlabel transitionduration"
  },
  {
    "id": "core-stack",
    "name": "Stack",
    "kind": "component",
    "group": "components",
    "category": "Layout",
    "package": "@mantine/core",
    "route": "/core/stack",
    "docsUrl": "https://mantine.dev/core/stack",
    "description": "Compose elements and components in a vertical flex container",
    "searchTags": "column, vertical flex, vstack, flex column",
    "headings": [
      "Usage",
      "Browser support"
    ],
    "propsCount": 3,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-stack.md",
    "searchText": "stack compose elements and components in a vertical flex container @mantine/core /core/stack layout column, vertical flex, vstack, flex column usage browser support align gap justify"
  },
  {
    "id": "core-stepper",
    "name": "Stepper",
    "kind": "component",
    "group": "components",
    "category": "Navigation",
    "package": "@mantine/core",
    "route": "/core/stepper",
    "docsUrl": "https://mantine.dev/core/stepper",
    "description": "Display content divided into a steps sequence",
    "searchTags": "wizard, steps, multi-step form, progress steps, onboarding",
    "headings": [
      "Usage",
      "Allow step select",
      "Disable next steps selection",
      "Color, radius and size",
      "With custom icons",
      "Vertical orientation",
      "Label position",
      "Icon position",
      "Get step ref",
      "Wrap Stepper.Step",
      "Accessibility",
      "Keyboard Navigation"
    ],
    "propsCount": 33,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-stepper.md",
    "searchText": "stepper display content divided into a steps sequence @mantine/core /core/stepper navigation wizard, steps, multi-step form, progress steps, onboarding usage allow step select disable next steps selection color, radius and size with custom icons vertical orientation label position icon position get step ref wrap stepper.step accessibility keyboard navigation active allownextstepsselect autocontrast children color completedicon contentpadding icon iconposition iconsize keepmounted labelposition onstepclick orientation progressicon radius size wrap allowstepclick allowstepselect color completedicon description icon iconposition iconsize label loading orientation progressicon state step withicon"
  },
  {
    "id": "core-switch",
    "name": "Switch",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/switch",
    "docsUrl": "https://mantine.dev/core/switch",
    "description": "Capture boolean input from user",
    "searchTags": "toggle, on off, checkbox toggle, ios switch, boolean",
    "headings": [
      "Usage",
      "Controlled",
      "Uncontrolled",
      "Read only",
      "States",
      "Inner Labels",
      "Icon labels",
      "Thumb icon",
      "With tooltip",
      "Pointer cursor",
      "Wrapper props",
      "Switch.Group",
      "Switch.Group with uncontrolled forms",
      "maxSelectedValues",
      "Switch.Group disabled",
      "Controlled Switch.Group",
      "Get input ref",
      "Accessibility"
    ],
    "propsCount": 14,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-switch.md",
    "searchText": "switch capture boolean input from user @mantine/core /core/switch inputs toggle, on off, checkbox toggle, ios switch, boolean usage controlled uncontrolled read only states inner labels icon labels thumb icon with tooltip pointer cursor wrapper props switch.group switch.group with uncontrolled forms maxselectedvalues switch.group disabled controlled switch.group get input ref accessibility color description error id label labelposition offlabel onlabel radius rootref size thumbicon withthumbindicator wrapperprops"
  },
  {
    "id": "core-table",
    "name": "Table",
    "kind": "component",
    "group": "components",
    "category": "Typography",
    "package": "@mantine/core",
    "route": "/core/table",
    "docsUrl": "https://mantine.dev/core/table",
    "description": "Render table with theme styles",
    "searchTags": "grid, data table, rows, columns, spreadsheet",
    "headings": [
      "Usage",
      "data prop",
      "Sticky header",
      "Spacing",
      "Caption and tfoot",
      "Striped and rows hover",
      "Scroll container",
      "Vertical variant",
      "Tabular numbers",
      "Example: Table virtualization",
      "Example: Table with row selection"
    ],
    "propsCount": 16,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-table.md",
    "searchText": "table render table with theme styles @mantine/core /core/table typography grid, data table, rows, columns, spreadsheet usage data prop sticky header spacing caption and tfoot striped and rows hover scroll container vertical variant tabular numbers example: table virtualization example: table with row selection bordercolor captionside data highlightonhover highlightonhovercolor horizontalspacing layout stickyheader stickyheaderoffset striped stripedcolor tabularnums verticalspacing withcolumnborders withrowborders withtableborder"
  },
  {
    "id": "core-table-of-contents",
    "name": "TableOfContents",
    "kind": "component",
    "group": "components",
    "category": "Navigation",
    "package": "@mantine/core",
    "route": "/core/table-of-contents",
    "docsUrl": "https://mantine.dev/core/table-of-contents",
    "description": "Renders a list of headings on the page and tracks current heading visible in the viewport",
    "searchTags": "toc, anchor nav, page outline, headings list, on this page",
    "headings": [
      "Usage",
      "use-scroll-spy options",
      "Pass props to controls",
      "Initial data",
      "Depth offset",
      "Styles API",
      "Reinitialize"
    ],
    "propsCount": 10,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-table-of-contents.md",
    "searchText": "tableofcontents renders a list of headings on the page and tracks current heading visible in the viewport @mantine/core /core/table-of-contents navigation toc, anchor nav, page outline, headings list, on this page usage use-scroll-spy options pass props to controls initial data depth offset styles api reinitialize autocontrast color depthoffset getcontrolprops initialdata mindepthtooffset radius reinitializeref scrollspyoptions size"
  },
  {
    "id": "core-tabs",
    "name": "Tabs",
    "kind": "component",
    "group": "components",
    "category": "Navigation",
    "package": "@mantine/core",
    "route": "/core/tabs",
    "docsUrl": "https://mantine.dev/core/tabs",
    "description": "Switch between different views",
    "searchTags": "tab, tabbed, panels, sections, switcher",
    "headings": [
      "Usage",
      "Controlled Tabs",
      "Uncontrolled Tabs",
      "Change colors",
      "Tabs position",
      "Inverted tabs",
      "Vertical tabs placement",
      "Custom variants",
      "Disabled tabs",
      "Activation mode",
      "Tab deactivation",
      "Unmount inactive tabs",
      "Get tab control ref",
      "Tab as a link",
      "Tab as a link with Next.js",
      "Tab as a link with React Router",
      "Usage with react-router",
      "Usage with Next.js Pages Router",
      "Example with Scroller component",
      "Accessibility",
      "Keyboard interactions"
    ],
    "propsCount": 28,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-tabs.md",
    "searchText": "tabs switch between different views @mantine/core /core/tabs navigation tab, tabbed, panels, sections, switcher usage controlled tabs uncontrolled tabs change colors tabs position inverted tabs vertical tabs placement custom variants disabled tabs activation mode tab deactivation unmount inactive tabs get tab control ref tab as a link tab as a link with next.js tab as a link with react router usage with react-router usage with next.js pages router example with scroller component accessibility keyboard interactions activatetabwithkeyboard allowtabdeactivation autocontrast children color defaultvalue id inverted keepmounted keepmountedmode loop onchange orientation placement radius value children grow justify children color leftsection rightsection size value children keepmounted value"
  },
  {
    "id": "core-tags-input",
    "name": "TagsInput",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/tags-input",
    "docsUrl": "https://mantine.dev/core/tags-input",
    "description": "Capture a list of values from user with free input and suggestions",
    "searchTags": "chips input, tokens input, keywords input, labels input, multi value input",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Controlled search value",
      "Clearable",
      "Max selected values",
      "Accept value on blur",
      "Allow duplicates",
      "isDuplicate",
      "Split chars",
      "With suggestions",
      "Data prop",
      "Filtering",
      "Sort options",
      "Fuzzy search with fuse.js",
      "Large datasets",
      "renderOption",
      "Pill customization",
      "Reorder pills",
      "Scrollable dropdown",
      "Fit dropdown to viewport height",
      "Group options",
      "Disabled options",
      "Inside Popover",
      "Control dropdown opened state",
      "Dropdown position",
      "Dropdown animation",
      "Dropdown width",
      "Dropdown padding",
      "Dropdown shadow",
      "Input sections",
      "Input props",
      "Read only",
      "Disabled",
      "Error state"
    ],
    "propsCount": 69,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-tags-input.md",
    "searchText": "tagsinput capture a list of values from user with free input and suggestions @mantine/core /core/tags-input combobox chips input, tokens input, keywords input, labels input, multi value input usage loading state controlled controlled search value clearable max selected values accept value on blur allow duplicates isduplicate split chars with suggestions data prop filtering sort options fuzzy search with fuse.js large datasets renderoption pill customization reorder pills scrollable dropdown fit dropdown to viewport height group options disabled options inside popover control dropdown opened state dropdown position dropdown animation dropdown width dropdown padding dropdown shadow input sections input props read only disabled error state acceptvalueonblur allowduplicates clearbuttonprops clearsectionmode clearable comboboxprops data defaultdropdownopened defaultsearchvalue defaultvalue description descriptionprops disabled dropdownopened error errorprops filter floatingheight hiddeninputprops hiddeninputvaluesdivider inputcontainer inputsize inputwrapperorder isduplicate label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth limit loading loadingposition maxdropdownheight maxtags onchange onclear ondropdownclose ondropdownopen onduplicate onmaxtags onoptionsubmit onremove onsearchchange openonfocus pointer radius renderoption renderpill required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth scrollareaprops searchvalue selectfirstoptiononchange selectfirstoptionondropdownopen size splitchars success successprops value withasterisk witherrorstyles withpillsreorder withscrollarea withsuccessstyles wrapperprops"
  },
  {
    "id": "core-text",
    "name": "Text",
    "kind": "component",
    "group": "components",
    "category": "Typography",
    "package": "@mantine/core",
    "route": "/core/text",
    "docsUrl": "https://mantine.dev/core/text",
    "description": "Display text",
    "searchTags": "paragraph, typography, copy, p tag, span",
    "headings": [
      "Usage",
      "Truncate",
      "Line clamp",
      "Inherit styles",
      "Text wrap",
      "span prop"
    ],
    "propsCount": 8,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-text.md",
    "searchText": "text display text @mantine/core /core/text typography paragraph, typography, copy, p tag, span usage truncate line clamp inherit styles text wrap span prop gradient inherit inline lineclamp size span textwrap truncate"
  },
  {
    "id": "core-text-input",
    "name": "TextInput",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/text-input",
    "docsUrl": "https://mantine.dev/core/text-input",
    "description": "Capture string input from user",
    "searchTags": "text field, string input, form input, search box, input box",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Uncontrolled",
      "Input sections",
      "Error state",
      "Success state"
    ],
    "propsCount": 30,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-text-input.md",
    "searchText": "textinput capture string input from user @mantine/core /core/text-input inputs text field, string input, form input, search box, input box usage loading state controlled uncontrolled input sections error state success state description descriptionprops disabled error errorprops inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition pointer radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size success successprops withasterisk witherrorstyles withsuccessstyles wrapperprops"
  },
  {
    "id": "core-textarea",
    "name": "Textarea",
    "kind": "component",
    "group": "components",
    "category": "Inputs",
    "package": "@mantine/core",
    "route": "/core/textarea",
    "docsUrl": "https://mantine.dev/core/textarea",
    "description": "Autosize or regular textarea",
    "searchTags": "text area, multiline input, long text, comment field, message box",
    "headings": [
      "Usage",
      "Loading state",
      "Controlled",
      "Uncontrolled",
      "Bottom section",
      "Autosize",
      "Enable resize",
      "Error state",
      "Success state"
    ],
    "propsCount": 36,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-textarea.md",
    "searchText": "textarea autosize or regular textarea @mantine/core /core/textarea inputs text area, multiline input, long text, comment field, message box usage loading state controlled uncontrolled bottom section autosize enable resize error state success state autosize bottomsection bottomsectionprops description descriptionprops disabled error errorprops inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition maxrows minrows pointer radius required resize rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size success successprops withasterisk witherrorstyles withsuccessstyles wrapperprops"
  },
  {
    "id": "core-theme-icon",
    "name": "ThemeIcon",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/theme-icon",
    "docsUrl": "https://mantine.dev/core/theme-icon",
    "description": "Render icon inside element with theme colors",
    "searchTags": "icon container, colored icon, icon box, icon badge",
    "headings": [
      "Usage",
      "Customize variants colors"
    ],
    "propsCount": 6,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-theme-icon.md",
    "searchText": "themeicon render icon inside element with theme colors @mantine/core /core/theme-icon data display icon container, colored icon, icon box, icon badge usage customize variants colors autocontrast children color gradient radius size"
  },
  {
    "id": "core-timeline",
    "name": "Timeline",
    "kind": "component",
    "group": "components",
    "category": "Data display",
    "package": "@mantine/core",
    "route": "/core/timeline",
    "docsUrl": "https://mantine.dev/core/timeline",
    "description": "Display list of events in chronological order",
    "searchTags": "history, activity, chronology, events list, feed, vertical steps",
    "headings": [
      "Usage",
      "Line and bullet props",
      "Opposite content",
      "Alternate items",
      "Bullet as React node",
      "Wrap Timeline.Item"
    ],
    "propsCount": 17,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-timeline.md",
    "searchText": "timeline display list of events in chronological order @mantine/core /core/timeline data display history, activity, chronology, events list, feed, vertical steps usage line and bullet props opposite content alternate items bullet as react node wrap timeline.item active align autocontrast bulletsize children color linewidth radius reverseactive alternate bullet children color linevariant opposite radius title"
  },
  {
    "id": "core-title",
    "name": "Title",
    "kind": "component",
    "group": "components",
    "category": "Typography",
    "package": "@mantine/core",
    "route": "/core/title",
    "docsUrl": "https://mantine.dev/core/title",
    "description": "h1-h6 heading",
    "searchTags": "heading, h1, h2, h3, h4, h5, h6, headline, header text",
    "headings": [
      "Usage",
      "Size",
      "Text wrap",
      "Line clamp"
    ],
    "propsCount": 4,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-title.md",
    "searchText": "title h1-h6 heading @mantine/core /core/title typography heading, h1, h2, h3, h4, h5, h6, headline, header text usage size text wrap line clamp lineclamp order size textwrap"
  },
  {
    "id": "core-toggle",
    "name": "Toggle",
    "kind": "component",
    "group": "components",
    "category": "Buttons",
    "package": "@mantine/core",
    "route": "/core/toggle",
    "docsUrl": "https://mantine.dev/core/toggle",
    "description": "A toggleable button with active/inactive states",
    "headings": [
      "Usage",
      "Controlled and uncontrolled",
      "Auto contrast",
      "Auto width",
      "Configurator",
      "Accessibility"
    ],
    "propsCount": 9,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-toggle.md",
    "searchText": "toggle a toggleable button with active/inactive states @mantine/core /core/toggle buttons usage controlled and uncontrolled auto contrast auto width configurator accessibility active autocontrast autowidth color defaultactive disabled onactivechange radius size"
  },
  {
    "id": "core-toolbar",
    "name": "Toolbar",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/toolbar",
    "docsUrl": "https://mantine.dev/core/toolbar",
    "description": "Accessible toolbar with toggle groups and roving tabindex keyboard navigation",
    "headings": [
      "Usage",
      "Toggle groups",
      "Size, orientation, variant and color",
      "Auto contrast",
      "Auto width",
      "Disabled state",
      "Accessibility",
      "Keyboard interactions"
    ],
    "propsCount": 21,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-toolbar.md",
    "searchText": "toolbar accessible toolbar with toggle groups and roving tabindex keyboard navigation @mantine/core /core/toolbar miscellaneous usage toggle groups size, orientation, variant and color auto contrast auto width disabled state accessibility keyboard interactions autocontrast children color loop orientation radius size withborder active autowidth disabled size children defaultvalue disabled onchange type value autowidth disabled value"
  },
  {
    "id": "core-tooltip",
    "name": "Tooltip",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/tooltip",
    "docsUrl": "https://mantine.dev/core/tooltip",
    "description": "Renders tooltip at given element on mouse over or other event",
    "searchTags": "hint, help text, title, popover, hover label",
    "headings": [
      "Usage",
      "Tooltip children",
      "Tooltip target",
      "Hide detached",
      "Required ref prop",
      "Color",
      "Offset",
      "Arrow",
      "Controlled",
      "Change events",
      "Interactive tooltip",
      "Multiline",
      "Inline",
      "Change transition",
      "Close and open delay",
      "Tooltip delay group",
      "Floating tooltip",
      "Accessibility"
    ],
    "propsCount": 32,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-tooltip.md",
    "searchText": "tooltip renders tooltip at given element on mouse over or other event @mantine/core /core/tooltip overlays hint, help text, title, popover, hover label usage tooltip children tooltip target hide detached required ref prop color offset arrow controlled change events interactive tooltip multiline inline change transition close and open delay tooltip delay group floating tooltip accessibility arrowoffset arrowposition arrowradius arrowsize autocontrast children closedelay color defaultopened disabled events floatingstrategy hidedetached inline interactive keepmounted label middlewares multiline offset onpositionchange opendelay opened portalprops position radius refprop target transitionprops witharrow withinportal zindex"
  },
  {
    "id": "core-tour",
    "name": "Tour",
    "kind": "component",
    "group": "components",
    "category": "Overlays",
    "package": "@mantine/core",
    "route": "/core/tour",
    "docsUrl": "https://mantine.dev/core/tour",
    "description": "Guide users through your application with interactive step-by-step tours",
    "headings": [
      "Usage",
      "Complex example",
      "Beacon mode",
      "Controlled",
      "Overlay configuration",
      "Step targets",
      "Steps without target",
      "Custom content",
      "Tooltip position",
      "Custom labels",
      "Styles API",
      "Keyboard navigation",
      "Accessibility"
    ],
    "propsCount": 74,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-tour.md",
    "searchText": "tour guide users through your application with interactive step-by-step tours @mantine/core /core/tour overlays usage complex example beacon mode controlled overlay configuration step targets steps without target custom content tooltip position custom labels styles api keyboard navigation accessibility active children closeonescape closeonoverlayclick color defaultstep labels maxwidth mode onclose onstepchange onstepclose onstepopen overlaycolor portalprops scrolltohandler spotlightpadding spotlightradius step steptransitionduration tooltipshadow transitionprops withclosebutton withkeyboardnavigation withoverlay withoverlayinteraction withscrollintoview withinportal zindex children onstepclose onstepopen position spotlightpadding spotlightradius target title withbeacon withoverlay active children closeonescape closeonoverlayclick color defaultstep labels onclose onstepchange onstepclose onstepopen overlaycolor portalprops spotlightpadding spotlightradius step stepscount tooltipshadow transitionprops withclosebutton withkeyboardnavigation withoverlay withoverlayinteraction withinportal zindex mounted position targetelement transitionprops color onclick targetrect withinteraction onclick target"
  },
  {
    "id": "core-transition",
    "name": "Transition",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/transition",
    "docsUrl": "https://mantine.dev/core/transition",
    "description": "Animate presence of component with pre-made animations",
    "searchTags": "animation, fade, slide, scale, motion, animate",
    "headings": [
      "Usage",
      "Premade transitions",
      "Custom transitions",
      "Enter and exit delay",
      "Reduced motion",
      "Lifecycle callbacks",
      "Keep mounted"
    ],
    "propsCount": 14,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-transition.md",
    "searchText": "transition animate presence of component with pre-made animations @mantine/core /core/transition miscellaneous animation, fade, slide, scale, motion, animate usage premade transitions custom transitions enter and exit delay reduced motion lifecycle callbacks keep mounted children duration enterdelay exitdelay exitduration keepmounted keepmountedmode mounted onenter onentered onexit onexited timingfunction transition"
  },
  {
    "id": "core-tree",
    "name": "Tree",
    "kind": "component",
    "group": "components",
    "category": "Navigation",
    "package": "@mantine/core",
    "route": "/core/tree",
    "docsUrl": "https://mantine.dev/core/tree",
    "description": "Display a Tree structure",
    "searchTags": "tree view, hierarchy, nested list, folder tree, file explorer, directory tree, useTree, use-tree",
    "headings": [
      "Usage",
      "Data prop",
      "Data type",
      "renderNode",
      "useTree hook",
      "Checked state",
      "Check strictly",
      "Initial expanded state",
      "Async loading",
      "Search and filter",
      "Drag and drop",
      "Connecting lines",
      "Virtualization",
      "Example: files tree",
      "Example: docs navigation editor"
    ],
    "propsCount": 15,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-tree.md",
    "searchText": "tree display a tree structure @mantine/core /core/tree navigation tree view, hierarchy, nested list, folder tree, file explorer, directory tree, usetree, use-tree usage data prop data type rendernode usetree hook checked state check strictly initial expanded state async loading search and filter drag and drop connecting lines virtualization example: files tree example: docs navigation editor allowdrop allowrangeselection checkonspace clearselectiononoutsideclick data expandonclick expandonspace keepmounted leveloffset ondragdrop rendernode selectonclick tree withdraghandle withlines"
  },
  {
    "id": "core-tree-select",
    "name": "TreeSelect",
    "kind": "component",
    "group": "components",
    "category": "Combobox",
    "package": "@mantine/core",
    "route": "/core/tree-select",
    "docsUrl": "https://mantine.dev/core/tree-select",
    "description": "Select with hierarchical tree data",
    "headings": [
      "Usage",
      "Data prop",
      "Selection modes",
      "Controlled",
      "Searchable",
      "Nothing found",
      "Clearable",
      "Expand on click",
      "Connecting lines",
      "Check strictly",
      "Checked strategy",
      "Max values",
      "renderNode",
      "renderPill",
      "Scrollable dropdown",
      "Control dropdown opened state",
      "Dropdown position",
      "Dropdown width",
      "Dropdown offset",
      "Dropdown animation",
      "Dropdown padding",
      "Dropdown shadow",
      "Keyboard navigation",
      "Expand state",
      "Input sections",
      "Input props",
      "Read only",
      "Disabled",
      "Error state",
      "Success state",
      "Accessibility"
    ],
    "propsCount": 73,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-tree-select.md",
    "searchText": "treeselect select with hierarchical tree data @mantine/core /core/tree-select combobox usage data prop selection modes controlled searchable nothing found clearable expand on click connecting lines check strictly checked strategy max values rendernode renderpill scrollable dropdown control dropdown opened state dropdown position dropdown width dropdown offset dropdown animation dropdown padding dropdown shadow keyboard navigation expand state input sections input props read only disabled error state success state accessibility allowdeselect checkstrictly checkedstrategy chevronarialabels chevroncolor clearbuttonprops clearsearchonchange clearsectionmode clearable comboboxprops data defaultdropdownopened defaultexpandall defaultexpandedvalues defaultsearchvalue defaultvalue description descriptionprops disabled dropdownopened error errorprops expandonclick expandedvalues filter hiddeninputprops hiddeninputvaluesdivider inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition maxdisplayedvalues maxdisplayedvaluescontent maxdropdownheight maxvalues mode nothingfoundmessage onchange onclear ondropdownclose ondropdownopen onexpandedchange onremove onsearchchange openonfocus pointer radius rendernode renderpill required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth scrollareaprops searchvalue searchable size success successprops value withasterisk witherrorstyles withlines withsuccessstyles wrapperprops"
  },
  {
    "id": "core-typography",
    "name": "Typography",
    "kind": "component",
    "group": "components",
    "category": "Typography",
    "package": "@mantine/core",
    "route": "/core/typography",
    "docsUrl": "https://mantine.dev/core/typography",
    "description": "Styles provider for html content",
    "searchTags": "prose, rich text, article, content styles, markdown styles",
    "headings": [
      "Usage",
      "Example",
      "All styles demo"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-typography.md",
    "searchText": "typography styles provider for html content @mantine/core /core/typography typography prose, rich text, article, content styles, markdown styles usage example all styles demo"
  },
  {
    "id": "core-unstyled-button",
    "name": "UnstyledButton",
    "kind": "component",
    "group": "components",
    "category": "Buttons",
    "package": "@mantine/core",
    "route": "/core/unstyled-button",
    "docsUrl": "https://mantine.dev/core/unstyled-button",
    "description": "Unstyled polymorphic button",
    "searchTags": "plain button, reset button, base button, clickable",
    "headings": [
      "Usage"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-unstyled-button.md",
    "searchText": "unstyledbutton unstyled polymorphic button @mantine/core /core/unstyled-button buttons plain button, reset button, base button, clickable usage"
  },
  {
    "id": "core-visually-hidden",
    "name": "VisuallyHidden",
    "kind": "component",
    "group": "components",
    "category": "Miscellaneous",
    "package": "@mantine/core",
    "route": "/core/visually-hidden",
    "docsUrl": "https://mantine.dev/core/visually-hidden",
    "description": "Hide element visually but keep it accessible for screen readers",
    "searchTags": "sr-only, screen reader, a11y, accessibility, hidden text",
    "headings": [
      "Usage"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/core-visually-hidden.md",
    "searchText": "visuallyhidden hide element visually but keep it accessible for screen readers @mantine/core /core/visually-hidden miscellaneous sr-only, screen reader, a11y, accessibility, hidden text usage"
  },
  {
    "id": "dates-calendar",
    "name": "Calendar",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/calendar",
    "docsUrl": "https://mantine.dev/dates/calendar",
    "description": "Base component for custom date pickers",
    "searchTags": "date picker, schedule, agenda, month view, days grid",
    "headings": [
      "Usage",
      "Custom date pickers",
      "Full width",
      "Static prop",
      "Native level select"
    ],
    "propsCount": 54,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-calendar.md",
    "searchText": "calendar base component for custom date pickers @mantine/dates /dates/calendar dates date picker, schedule, agenda, month view, days grid usage custom date pickers full width static prop native level select arialabels columnstoscroll date decadelabelformat defaultdate defaultlevel enablekeyboardnavigation excludedate firstdayofweek fullwidth getdayarialabel getdayprops getmonthcontrolprops getyearcontrolprops headercontrolsorder hideoutsidedates hideweekdays highlighttoday level locale maxdate maxlevel mindate minlevel monthlabelformat monthslistformat nexticon nextlabel numberofcolumns ondatechange onlevelchange onmonthmouseenter onmonthselect onnextdecade onnextmonth onnextyear onpreviousdecade onpreviousmonth onpreviousyear onyearmouseenter onyearselect previousicon previouslabel renderday size static weekdayformat weekenddays withcellspacing withnativelevelselect withweeknumbers yearlabelformat yearslistformat yearsselectrange"
  },
  {
    "id": "dates-date-input",
    "name": "DateInput",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/date-input",
    "docsUrl": "https://mantine.dev/dates/date-input",
    "description": "Free form date input",
    "searchTags": "date field, calendar input, text date input, date textbox",
    "headings": [
      "DatePicker props",
      "Usage",
      "Presets",
      "Value format",
      "With time",
      "Date parser",
      "Allow clear",
      "Min and max date",
      "Disabled state",
      "Input props",
      "Accessibility"
    ],
    "propsCount": 97,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-date-input.md",
    "searchText": "dateinput free form date input @mantine/dates /dates/date-input dates date field, calendar input, text date input, date textbox datepicker props usage presets value format with time date parser allow clear min and max date disabled state input props accessibility allowdeselect arialabels clearbuttonprops clearsectionmode clearable columnstoscroll date dateparser decadelabelformat defaultdate defaultlevel defaultvalue description descriptionprops disabled error errorprops excludedate firstdayofweek fixonblur fullwidth getdayarialabel getdayprops getmonthcontrolprops getyearcontrolprops hasnextlevel headercontrolsorder hideoutsidedates hideweekdays highlighttoday inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth level loading loadingposition locale maxdate maxlevel mindate monthlabelformat monthslistformat nextdisabled nexticon nextlabel numberofcolumns onchange ondatechange onlevelchange onlevelclick onnext onnextdecade onnextmonth onnextyear onprevious onpreviousdecade onpreviousmonth onpreviousyear pointer popoverprops presets previousdisabled previousicon previouslabel radius renderday required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size success successprops value valueformat weekdayformat weekenddays withasterisk withcellspacing witherrorstyles withnativelevelselect withnext withprevious withsuccessstyles withtime withweeknumbers wrapperprops yearlabelformat yearslistformat yearsselectrange"
  },
  {
    "id": "dates-date-picker",
    "name": "DatePicker",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/date-picker",
    "docsUrl": "https://mantine.dev/dates/date-picker",
    "description": "Inline date, multiple dates and dates range picker",
    "searchTags": "calendar, date range, daterange, inline calendar, days picker",
    "headings": [
      "Usage",
      "Allow deselect",
      "Multiple dates",
      "Dates range",
      "Single date in range",
      "Presets",
      "Default date",
      "Controlled date",
      "Default level",
      "Hide outside dates",
      "Display week numbers",
      "First day of week",
      "Hide weekdays",
      "Weekend days",
      "Render day function",
      "Min and max date",
      "Change header controls order",
      "Add props to day, year and month control",
      "Exclude dates",
      "Number of columns",
      "Max level",
      "Full width",
      "Size",
      "Change year and months controls format",
      "Change label format",
      "Localization",
      "Native level select",
      "Accessibility"
    ],
    "propsCount": 59,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-date-picker.md",
    "searchText": "datepicker inline date, multiple dates and dates range picker @mantine/dates /dates/date-picker dates calendar, date range, daterange, inline calendar, days picker usage allow deselect multiple dates dates range single date in range presets default date controlled date default level hide outside dates display week numbers first day of week hide weekdays weekend days render day function min and max date change header controls order add props to day, year and month control exclude dates number of columns max level full width size change year and months controls format change label format localization native level select accessibility allowdeselect allowsingledateinrange arialabels columnstoscroll date decadelabelformat defaultdate defaultlevel defaultvalue enablekeyboardnavigation excludedate firstdayofweek fullwidth getdayarialabel getdayprops getmonthcontrolprops getyearcontrolprops headercontrolsorder hideoutsidedates hideweekdays highlighttoday level locale maxdate maxlevel mindate monthlabelformat monthslistformat nexticon nextlabel numberofcolumns onchange ondatechange onlevelchange onmonthmouseenter onmonthselect onnextdecade onnextmonth onnextyear onpreviousdecade onpreviousmonth onpreviousyear onyearmouseenter onyearselect presets previousicon previouslabel renderday size type value weekdayformat weekenddays withcellspacing withnativelevelselect withweeknumbers yearlabelformat yearslistformat yearsselectrange"
  },
  {
    "id": "dates-date-picker-input",
    "name": "DatePickerInput",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/date-picker-input",
    "docsUrl": "https://mantine.dev/dates/date-picker-input",
    "description": "Date, multiple dates and dates range picker input",
    "searchTags": "calendar input, date range input, daterange input, date field",
    "headings": [
      "DatePicker props",
      "Usage",
      "Multiple dates",
      "Dates range",
      "Presets",
      "Open picker in modal",
      "Value format",
      "Value formatter",
      "Clearable",
      "Disabled state",
      "Min and max dates",
      "Default level",
      "Max level",
      "Control props",
      "Exclude dates",
      "Hide outside dates",
      "Hide weekdays",
      "Weekend days",
      "First day of week",
      "Label format",
      "List format",
      "With week numbers",
      "Render day",
      "Header controls order",
      "Input props",
      "With icon",
      "Native level select",
      "Accessibility"
    ],
    "propsCount": 102,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-date-picker-input.md",
    "searchText": "datepickerinput date, multiple dates and dates range picker input @mantine/dates /dates/date-picker-input dates calendar input, date range input, daterange input, date field datepicker props usage multiple dates dates range presets open picker in modal value format value formatter clearable disabled state min and max dates default level max level control props exclude dates hide outside dates hide weekdays weekend days first day of week label format list format with week numbers render day header controls order input props with icon native level select accessibility allowdeselect allowsingledateinrange arialabels clearbuttonprops clearsectionmode clearable closeonchange columnstoscroll date decadelabelformat defaultdate defaultlevel defaultvalue description descriptionprops disabled dropdowntype enablekeyboardnavigation error errorprops excludedate firstdayofweek fullwidth getdayarialabel getdayprops getmonthcontrolprops getyearcontrolprops headercontrolsorder hideoutsidedates hideweekdays highlighttoday inputcontainer inputsize inputwrapperorder label labelprops labelseparator leftsection leftsectionpointerevents leftsectionprops leftsectionwidth level loading loadingposition locale maxdate maxlevel mindate modalprops monthlabelformat monthslistformat nexticon nextlabel numberofcolumns onchange ondatechange ondropdownclose onlevelchange onmonthmouseenter onmonthselect onnextdecade onnextmonth onnextyear onpreviousdecade onpreviousmonth onpreviousyear onyearmouseenter onyearselect placeholder pointer popoverprops presets previousicon previouslabel radius readonly renderday required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size sortdates success successprops type value valueformat valueformatter weekdayformat weekenddays withasterisk withcellspacing witherrorstyles withnativelevelselect withsuccessstyles withweeknumbers wrapperprops yearlabelformat yearslistformat yearsselectrange"
  },
  {
    "id": "dates-date-time-picker",
    "name": "DateTimePicker",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/date-time-picker",
    "docsUrl": "https://mantine.dev/dates/date-time-picker",
    "description": "Capture datetime from the user",
    "searchTags": "datetime, date time picker, calendar clock, timestamp input",
    "headings": [
      "DatePicker props",
      "Usage",
      "Range",
      "With seconds",
      "Presets",
      "TimePicker props",
      "Value format",
      "Disabled state",
      "Input props",
      "Clearable",
      "Open picker in modal",
      "Native level select",
      "Accessibility"
    ],
    "propsCount": 101,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-date-time-picker.md",
    "searchText": "datetimepicker capture datetime from the user @mantine/dates /dates/date-time-picker dates datetime, date time picker, calendar clock, timestamp input datepicker props usage range with seconds presets timepicker props value format disabled state input props clearable open picker in modal native level select accessibility allowsingledateinrange arialabels clearbuttonprops clearsectionmode clearable columnstoscroll date decadelabelformat defaultdate defaultlevel defaulttimevalue defaultvalue description descriptionprops disabled dropdowntype endtimepickerprops error errorprops excludedate firstdayofweek fullwidth getdayarialabel getdayprops getmonthcontrolprops getyearcontrolprops headercontrolsorder hideoutsidedates hideweekdays highlighttoday inputcontainer inputsize inputwrapperorder label labelprops labelseparator leftsection leftsectionpointerevents leftsectionprops leftsectionwidth level loading loadingposition locale maxdate maxlevel mindate modalprops monthlabelformat monthslistformat nexticon nextlabel numberofcolumns onchange ondatechange ondropdownclose onlevelchange onmonthselect onnextdecade onnextmonth onnextyear onpreviousdecade onpreviousmonth onpreviousyear onyearselect placeholder pointer popoverprops presets previousicon previouslabel radius readonly renderday required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size sortdates submitbuttonprops success successprops timepickerprops type value valueformat weekdayformat weekenddays withasterisk withcellspacing witherrorstyles withnativelevelselect withseconds withsuccessstyles withweeknumbers wrapperprops yearlabelformat yearslistformat yearsselectrange"
  },
  {
    "id": "dates-getting-started",
    "name": "Getting started",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/getting-started",
    "docsUrl": "https://mantine.dev/dates/getting-started",
    "description": "Get started with @mantine/dates package",
    "headings": [
      "Installation",
      "Do not forget to import styles",
      "Usage",
      "Date values as strings",
      "dayjs",
      "DatesProvider",
      "Consistent weeks",
      "Formatting without dayjs",
      "Custom parse format",
      "Localization and server components"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-getting-started.md",
    "searchText": "getting started get started with @mantine/dates package @mantine/dates /dates/getting-started dates installation do not forget to import styles usage date values as strings dayjs datesprovider consistent weeks formatting without dayjs custom parse format localization and server components"
  },
  {
    "id": "dates-inline-date-time-picker",
    "name": "InlineDateTimePicker",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/inline-date-time-picker",
    "docsUrl": "https://mantine.dev/dates/inline-date-time-picker",
    "description": "Inline date and time picker with range support",
    "headings": [
      "DatePicker props",
      "Usage",
      "With seconds",
      "Range",
      "Controlled range",
      "Value format"
    ],
    "propsCount": 67,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-inline-date-time-picker.md",
    "searchText": "inlinedatetimepicker inline date and time picker with range support @mantine/dates /dates/inline-date-time-picker dates datepicker props usage with seconds range controlled range value format allowdeselect allowsingledateinrange arialabels columnstoscroll date decadelabelformat defaultdate defaultlevel defaulttimevalue defaultvalue enablekeyboardnavigation endtimepickerprops excludedate firstdayofweek fullwidth getdayarialabel getdayprops getmonthcontrolprops getyearcontrolprops headercontrolsorder hideoutsidedates hideweekdays highlighttoday labelseparator level locale maxdate maxlevel mindate monthlabelformat monthslistformat nexticon nextlabel numberofcolumns onchange ondatechange onlevelchange onmonthmouseenter onmonthselect onnextdecade onnextmonth onnextyear onpreviousdecade onpreviousmonth onpreviousyear onsubmit onyearmouseenter onyearselect presets previousicon previouslabel renderday size submitbuttonprops timepickerprops type value valueformat weekdayformat weekenddays withcellspacing withnativelevelselect withseconds withweeknumbers yearlabelformat yearslistformat yearsselectrange"
  },
  {
    "id": "dates-mini-calendar",
    "name": "MiniCalendar",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/mini-calendar",
    "docsUrl": "https://mantine.dev/dates/mini-calendar",
    "description": "Compact calendar to display a small number of days in a row",
    "searchTags": "small calendar, compact calendar, days strip, date strip, schedule",
    "headings": [
      "Usage",
      "Number of days",
      "getDayProps",
      "Min and max dates",
      "Localization",
      "Accessibility"
    ],
    "propsCount": 16,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-mini-calendar.md",
    "searchText": "minicalendar compact calendar to display a small number of days in a row @mantine/dates /dates/mini-calendar dates small calendar, compact calendar, days strip, date strip, schedule usage number of days getdayprops min and max dates localization accessibility date defaultdate getdayprops locale maxdate mindate monthlabelformat nextcontrolprops numberofdays onchange ondatechange onnext onprevious previouscontrolprops size value"
  },
  {
    "id": "dates-month-picker",
    "name": "MonthPicker",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/month-picker",
    "docsUrl": "https://mantine.dev/dates/month-picker",
    "description": "Inline month, multiple months and months range picker",
    "searchTags": "calendar, month range, months calendar, month selector",
    "headings": [
      "Usage",
      "Allow deselect",
      "Multiple dates",
      "Dates range",
      "Single date in range",
      "Presets",
      "Default date",
      "Controlled date",
      "Min and max date",
      "Add props to year and month control",
      "Number of columns",
      "Max level",
      "Full width",
      "Size",
      "Change year and months controls format",
      "Change label format",
      "Localization",
      "Native level select",
      "Accessibility"
    ],
    "propsCount": 37,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-month-picker.md",
    "searchText": "monthpicker inline month, multiple months and months range picker @mantine/dates /dates/month-picker dates calendar, month range, months calendar, month selector usage allow deselect multiple dates dates range single date in range presets default date controlled date min and max date add props to year and month control number of columns max level full width size change year and months controls format change label format localization native level select accessibility allowdeselect allowsingledateinrange arialabels columnstoscroll date decadelabelformat defaultdate defaultlevel defaultvalue fullwidth getmonthcontrolprops getyearcontrolprops level locale maxdate maxlevel mindate monthslistformat nextlabel numberofcolumns onchange ondatechange onlevelchange onmonthselect onnextdecade onnextyear onpreviousdecade onpreviousyear presets previouslabel size type value withcellspacing withnativelevelselect yearlabelformat yearslistformat"
  },
  {
    "id": "dates-month-picker-input",
    "name": "MonthPickerInput",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/month-picker-input",
    "docsUrl": "https://mantine.dev/dates/month-picker-input",
    "description": "Month, multiple months and months range picker input",
    "searchTags": "calendar input, month range input, month selector input, month field",
    "headings": [
      "MonthPicker props",
      "Usage",
      "Multiple dates",
      "Dates range",
      "Presets",
      "Open picker in modal",
      "Value format",
      "Value formatter",
      "Clearable",
      "Disabled state",
      "Min and max dates",
      "Control props",
      "Label format",
      "List format",
      "Max level",
      "Input props",
      "With icon",
      "Native level select",
      "Accessibility"
    ],
    "propsCount": 79,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-month-picker-input.md",
    "searchText": "monthpickerinput month, multiple months and months range picker input @mantine/dates /dates/month-picker-input dates calendar input, month range input, month selector input, month field monthpicker props usage multiple dates dates range presets open picker in modal value format value formatter clearable disabled state min and max dates control props label format list format max level input props with icon native level select accessibility allowdeselect allowsingledateinrange arialabels clearbuttonprops clearsectionmode clearable closeonchange columnstoscroll date decadelabelformat defaultdate defaultlevel defaultvalue description descriptionprops disabled dropdowntype error errorprops fullwidth getmonthcontrolprops getyearcontrolprops inputcontainer inputsize inputwrapperorder label labelprops labelseparator leftsection leftsectionpointerevents leftsectionprops leftsectionwidth level loading loadingposition locale maxdate maxlevel mindate modalprops monthslistformat nextlabel numberofcolumns onchange ondatechange ondropdownclose onlevelchange onnextdecade onnextyear onpreviousdecade onpreviousyear placeholder pointer popoverprops presets previouslabel radius readonly required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size sortdates success successprops type value valueformat valueformatter withasterisk withcellspacing witherrorstyles withnativelevelselect withsuccessstyles wrapperprops yearlabelformat yearslistformat"
  },
  {
    "id": "dates-time-grid",
    "name": "TimeGrid",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/time-grid",
    "docsUrl": "https://mantine.dev/dates/time-grid",
    "description": "Captures time value from the user with a predefined set of options",
    "searchTags": "time slots, appointment slots, booking slots, clock grid, schedule slots",
    "headings": [
      "Usage",
      "Controlled",
      "data prop",
      "Min and max time",
      "Disable specific controls",
      "Allow deselect",
      "Change AM/PM labels",
      "Disabled"
    ],
    "propsCount": 16,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-time-grid.md",
    "searchText": "timegrid captures time value from the user with a predefined set of options @mantine/dates /dates/time-grid dates time slots, appointment slots, booking slots, clock grid, schedule slots usage controlled data prop min and max time disable specific controls allow deselect change am/pm labels disabled allowdeselect ampmlabels data defaultvalue disabletime disabled format getcontrolprops maxtime mintime onchange radius simplegridprops size value withseconds"
  },
  {
    "id": "dates-time-input",
    "name": "TimeInput",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/time-input",
    "docsUrl": "https://mantine.dev/dates/time-input",
    "description": "Capture time from the user",
    "searchTags": "clock, hours, minutes, time field, time text input",
    "headings": [
      "Usage",
      "TimePicker component",
      "Controlled",
      "Show browser picker",
      "With seconds",
      "With icon",
      "Disabled state",
      "Accessibility"
    ],
    "propsCount": 33,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-time-input.md",
    "searchText": "timeinput capture time from the user @mantine/dates /dates/time-input dates clock, hours, minutes, time field, time text input usage timepicker component controlled show browser picker with seconds with icon disabled state accessibility description descriptionprops disabled error errorprops inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition maxtime mintime pointer radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size success successprops withasterisk witherrorstyles withseconds withsuccessstyles wrapperprops"
  },
  {
    "id": "dates-time-picker",
    "name": "TimePicker",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/time-picker",
    "docsUrl": "https://mantine.dev/dates/time-picker",
    "description": "Captures time value from the user",
    "searchTags": "clock, hours, minutes, seconds, am pm, time dropdown",
    "headings": [
      "Usage",
      "Controlled",
      "With seconds",
      "Duration type",
      "Min hours digits",
      "12-hour format",
      "Change am/pm labels",
      "Min and max values",
      "With dropdown",
      "Hours/minutes/seconds step",
      "Control dropdown opened state",
      "Time presets",
      "Time presets groups",
      "Time presets range",
      "Close dropdown on preset select",
      "Dropdown position",
      "Dropdown width",
      "Paste events",
      "Clearable",
      "Disabled",
      "Read only",
      "Input props",
      "Get refs of inner inputs",
      "onFocus and onBlur events",
      "Accessibility"
    ],
    "propsCount": 75,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-time-picker.md",
    "searchText": "timepicker captures time value from the user @mantine/dates /dates/time-picker dates clock, hours, minutes, seconds, am pm, time dropdown usage controlled with seconds duration type min hours digits 12-hour format change am/pm labels min and max values with dropdown hours/minutes/seconds step control dropdown opened state time presets time presets groups time presets range close dropdown on preset select dropdown position dropdown width paste events clearable disabled read only input props get refs of inner inputs onfocus and onblur events accessibility ampminputlabel ampmlabels ampmref ampmselectprops clearbuttonprops clearsectionmode clearable closedropdownonpresetselect defaultvalue description descriptionprops disabled error errorprops form format hiddeninputprops hoursinputlabel hoursinputprops hoursplaceholder hoursref hoursstep inputcontainer inputsize inputwrapperorder label labelprops leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition max maxdropdowncontentheight min minhoursdigits minutesinputlabel minutesinputprops minutesplaceholder minutesref minutesstep name onblur onchange onfocus pastesplit pointer popoverprops presets radius readonly required reversetimecontrolslist rightsection rightsectionpointerevents rightsectionprops rightsectionwidth scrollareaprops secondsinputlabel secondsinputprops secondsplaceholder secondsref secondsstep size success successprops type value withasterisk withdropdown witherrorstyles withseconds withsuccessstyles wrapperprops"
  },
  {
    "id": "dates-time-value",
    "name": "TimeValue",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/time-value",
    "docsUrl": "https://mantine.dev/dates/time-value",
    "description": "Display a formatted time value",
    "searchTags": "format time, time formatter, display time, clock",
    "headings": [
      "Usage",
      "With seconds",
      "AM/PM labels",
      "Date object"
    ],
    "propsCount": 4,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-time-value.md",
    "searchText": "timevalue display a formatted time value @mantine/dates /dates/time-value dates format time, time formatter, display time, clock usage with seconds am/pm labels date object ampmlabels format value withseconds"
  },
  {
    "id": "dates-year-picker",
    "name": "YearPicker",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/year-picker",
    "docsUrl": "https://mantine.dev/dates/year-picker",
    "description": "Inline year, multiple years and years range picker",
    "searchTags": "calendar, year range, years, year selector",
    "headings": [
      "Usage",
      "Allow deselect",
      "Multiple dates",
      "Dates range",
      "Single date in range",
      "Presets",
      "Default date",
      "Controlled date",
      "Min and max date",
      "Add props to year control",
      "Number of columns",
      "Full width",
      "Size",
      "Change year controls format",
      "Change decade label format",
      "Accessibility"
    ],
    "propsCount": 28,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-year-picker.md",
    "searchText": "yearpicker inline year, multiple years and years range picker @mantine/dates /dates/year-picker dates calendar, year range, years, year selector usage allow deselect multiple dates dates range single date in range presets default date controlled date min and max date add props to year control number of columns full width size change year controls format change decade label format accessibility allowdeselect allowsingledateinrange arialabels columnstoscroll date decadelabelformat defaultdate defaultvalue fullwidth getyearcontrolprops locale maxdate mindate nextlabel numberofcolumns onchange ondatechange onnextdecade onpreviousdecade onyearselect presets previouslabel size type value withcellspacing withnativelevelselect yearslistformat"
  },
  {
    "id": "dates-year-picker-input",
    "name": "YearPickerInput",
    "kind": "component",
    "group": "extensions",
    "category": "Dates",
    "package": "@mantine/dates",
    "route": "/dates/year-picker-input",
    "docsUrl": "https://mantine.dev/dates/year-picker-input",
    "description": "Inline year, multiple years and years range picker",
    "searchTags": "calendar input, year range input, years input, year selector",
    "headings": [
      "YearPicker props",
      "Usage",
      "Multiple dates",
      "Dates range",
      "Presets",
      "Open picker in modal",
      "Value format",
      "Value formatter",
      "Clearable",
      "Disabled state",
      "Min and max dates",
      "Control props",
      "Year label format",
      "Decade label format",
      "Input props",
      "With icon",
      "Accessibility"
    ],
    "propsCount": 70,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/dates-year-picker-input.md",
    "searchText": "yearpickerinput inline year, multiple years and years range picker @mantine/dates /dates/year-picker-input dates calendar input, year range input, years input, year selector yearpicker props usage multiple dates dates range presets open picker in modal value format value formatter clearable disabled state min and max dates control props year label format decade label format input props with icon accessibility allowdeselect allowsingledateinrange arialabels clearbuttonprops clearsectionmode clearable closeonchange columnstoscroll date decadelabelformat defaultdate defaultvalue description descriptionprops disabled dropdowntype error errorprops fullwidth getyearcontrolprops inputcontainer inputsize inputwrapperorder label labelprops labelseparator leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition locale maxdate mindate modalprops nextlabel numberofcolumns onchange ondatechange ondropdownclose onnextdecade onpreviousdecade placeholder pointer popoverprops presets previouslabel radius readonly required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth size sortdates success successprops type value valueformat valueformatter withasterisk withcellspacing witherrorstyles withnativelevelselect withsuccessstyles wrapperprops yearslistformat"
  },
  {
    "id": "form-actions",
    "name": "Form actions",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/actions",
    "docsUrl": "https://mantine.dev/form/actions",
    "description": "Change form state from anywhere in the application",
    "headings": [
      "Usage",
      "Form name",
      "Form actions"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-actions.md",
    "searchText": "form actions change form state from anywhere in the application @mantine/form /form/actions form usage form name form actions"
  },
  {
    "id": "form-all-inputs",
    "name": "use-form with all inputs",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/all-inputs",
    "docsUrl": "https://mantine.dev/form/all-inputs",
    "description": "use-form usage with all Mantine inputs",
    "headings": [
      "AngleSlider",
      "Autocomplete",
      "Checkbox",
      "Checkbox.Group",
      "Chip",
      "ColorInput",
      "ColorPicker",
      "Fieldset",
      "FileInput",
      "Input",
      "JsonInput",
      "MaskInput",
      "MultiSelect",
      "NativeSelect",
      "NumberInput",
      "PasswordInput",
      "PinInput",
      "Radio.Group",
      "RangeSlider",
      "Rating",
      "SegmentedControl",
      "Select",
      "Slider",
      "Switch",
      "Switch.Group",
      "TagsInput",
      "Textarea",
      "TextInput"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-all-inputs.md",
    "searchText": "use-form with all inputs use-form usage with all mantine inputs @mantine/form /form/all-inputs form angleslider autocomplete checkbox checkbox.group chip colorinput colorpicker fieldset fileinput input jsoninput maskinput multiselect nativeselect numberinput passwordinput pininput radio.group rangeslider rating segmentedcontrol select slider switch switch.group tagsinput textarea textinput"
  },
  {
    "id": "form-create-form-context",
    "name": "Form context",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/create-form-context",
    "docsUrl": "https://mantine.dev/form/create-form-context",
    "description": "Add context support to use-form with createFormContext",
    "headings": [
      "Usage",
      "Store context in separate file"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-create-form-context.md",
    "searchText": "form context add context support to use-form with createformcontext @mantine/form /form/create-form-context form usage store context in separate file"
  },
  {
    "id": "form-errors",
    "name": "Form errors",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/errors",
    "docsUrl": "https://mantine.dev/form/errors",
    "description": "Manipulate form errors with use-form hook",
    "headings": [
      "Errors object",
      "Initial errors",
      "setErrors handler",
      "setFieldError handler",
      "clearErrors handler",
      "clearFieldError handler",
      "Errors as React node",
      "FormErrors type"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-errors.md",
    "searchText": "form errors manipulate form errors with use-form hook @mantine/form /form/errors form errors object initial errors seterrors handler setfielderror handler clearerrors handler clearfielderror handler errors as react node formerrors type"
  },
  {
    "id": "form-get-input-props",
    "name": "getInputProps",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/get-input-props",
    "docsUrl": "https://mantine.dev/form/get-input-props",
    "description": "A handler to get input props for any field in the form",
    "headings": [
      "getInputProps handler",
      "Radio inputs",
      "enhanceGetInputProps",
      "Initialize form",
      "Integrate getInputProps with custom inputs"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-get-input-props.md",
    "searchText": "getinputprops a handler to get input props for any field in the form @mantine/form /form/get-input-props form getinputprops handler radio inputs enhancegetinputprops initialize form integrate getinputprops with custom inputs"
  },
  {
    "id": "form-nested",
    "name": "Nested fields",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/nested",
    "docsUrl": "https://mantine.dev/form/nested",
    "description": "Manage nested arrays and object state with use-form hook",
    "headings": [
      "Property paths",
      "Nested objects",
      "Set nested object value",
      "Nested object value validation",
      "Nested arrays",
      "List handlers",
      "List value validation"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-nested.md",
    "searchText": "nested fields manage nested arrays and object state with use-form hook @mantine/form /form/nested form property paths nested objects set nested object value nested object value validation nested arrays list handlers list value validation"
  },
  {
    "id": "form-package",
    "name": "Get started",
    "kind": "guide",
    "group": "form",
    "category": "",
    "package": "@mantine/form",
    "route": "/form/package",
    "docsUrl": "https://mantine.dev/form/package",
    "description": "",
    "headings": [
      "Installation",
      "Usage",
      "License"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-package.md",
    "searchText": "get started @mantine/form /form/package installation usage license"
  },
  {
    "id": "form-recipes",
    "name": "Recipes",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/recipes",
    "docsUrl": "https://mantine.dev/form/recipes",
    "description": "use-form examples",
    "headings": [
      "Set initial values with async request",
      "Save form values to local storage",
      "List items reordering",
      "Form with multiple steps"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-recipes.md",
    "searchText": "recipes use-form examples @mantine/form /form/recipes form set initial values with async request save form values to local storage list items reordering form with multiple steps"
  },
  {
    "id": "form-schema-validation",
    "name": "Form schema validation",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/schema-validation",
    "docsUrl": "https://mantine.dev/form/schema-validation",
    "description": "use-form schema based validation with zod, yup, joi and superstruct",
    "headings": [
      "Schema-based validation",
      "Sync and async schemas",
      "zod"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-schema-validation.md",
    "searchText": "form schema validation use-form schema based validation with zod, yup, joi and superstruct @mantine/form /form/schema-validation form schema-based validation sync and async schemas zod"
  },
  {
    "id": "form-status",
    "name": "Form status",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/status",
    "docsUrl": "https://mantine.dev/form/status",
    "description": "Get fields and form touched, dirty and submitting statuses",
    "headings": [
      "Touched and dirty state",
      "isTouched and isDirty functions",
      "touchTrigger option",
      "Initial values",
      "resetTouched and resetDirty",
      "Submitting state",
      "Validating state"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-status.md",
    "searchText": "form status get fields and form touched, dirty and submitting statuses @mantine/form /form/status form touched and dirty state istouched and isdirty functions touchtrigger option initial values resettouched and resetdirty submitting state validating state"
  },
  {
    "id": "form-uncontrolled",
    "name": "Uncontrolled mode",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/uncontrolled",
    "docsUrl": "https://mantine.dev/form/uncontrolled",
    "description": "use-form uncontrolled mode to improve performance",
    "headings": [
      "Controlled mode",
      "Uncontrolled mode",
      "form.getValues",
      "Conditional fields",
      "form.getInputProps",
      "Uncontrolled mode in custom components"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-uncontrolled.md",
    "searchText": "uncontrolled mode use-form uncontrolled mode to improve performance @mantine/form /form/uncontrolled form controlled mode uncontrolled mode form.getvalues conditional fields form.getinputprops uncontrolled mode in custom components"
  },
  {
    "id": "form-use-field",
    "name": "use-field",
    "kind": "hook",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/use-field",
    "docsUrl": "https://mantine.dev/form/use-field",
    "description": "use-field hook – manage single field state",
    "headings": [
      "Usage",
      "use-field API",
      "Validate on blur",
      "Validate on change",
      "Async validation",
      "Touched and dirty",
      "Clear error on change",
      "Uncontrolled mode"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-use-field.md",
    "searchText": "use-field use-field hook – manage single field state @mantine/form /form/use-field form usage use-field api validate on blur validate on change async validation touched and dirty clear error on change uncontrolled mode"
  },
  {
    "id": "form-use-form",
    "name": "use-form",
    "kind": "hook",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/use-form",
    "docsUrl": "https://mantine.dev/form/use-form",
    "description": "Manage form state",
    "searchTags": "form state, form hook, form management, mantine form, form library",
    "headings": [
      "Installation",
      "Usage",
      "API overview",
      "UseFormReturnType"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-use-form.md",
    "searchText": "use-form manage form state @mantine/form /form/use-form form form state, form hook, form management, mantine form, form library installation usage api overview useformreturntype"
  },
  {
    "id": "form-validation",
    "name": "Form validation",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/validation",
    "docsUrl": "https://mantine.dev/form/validation",
    "description": "Validate fields with use-form hook",
    "headings": [
      "Validation with rules object",
      "Rule function arguments",
      "formRootRule",
      "Validation based on other form values",
      "Function-based validation",
      "Validate fields on change",
      "Validate fields on blur",
      "Clear field error on change",
      "Validation in onSubmit handler",
      "isValid handler",
      "Async validation",
      "Async validation with debounce",
      "Focus the first invalid field"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-validation.md",
    "searchText": "form validation validate fields with use-form hook @mantine/form /form/validation form validation with rules object rule function arguments formrootrule validation based on other form values function-based validation validate fields on change validate fields on blur clear field error on change validation in onsubmit handler isvalid handler async validation async validation with debounce focus the first invalid field"
  },
  {
    "id": "form-validators",
    "name": "Form validators",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/validators",
    "docsUrl": "https://mantine.dev/form/validators",
    "description": "Premade validation functions",
    "headings": [
      "Usage",
      "Optional error",
      "isNotEmpty",
      "isEmail",
      "matches",
      "isInRange",
      "hasLength",
      "matchesField",
      "isJSONString",
      "isUrl",
      "isOneOf",
      "isNotEmptyHTML"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-validators.md",
    "searchText": "form validators premade validation functions @mantine/form /form/validators form usage optional error isnotempty isemail matches isinrange haslength matchesfield isjsonstring isurl isoneof isnotemptyhtml"
  },
  {
    "id": "form-values",
    "name": "Form values",
    "kind": "guide",
    "group": "form",
    "category": "Form",
    "package": "@mantine/form",
    "route": "/form/values",
    "docsUrl": "https://mantine.dev/form/values",
    "description": "Manipulate form values with use-form",
    "headings": [
      "Initial values",
      "setValues handler",
      "setValues partial",
      "Initialize form",
      "setFieldValue handler",
      "reset handler",
      "setInitialValues handler",
      "transformValues",
      "Get transformed values",
      "onValuesChange",
      "form.watch",
      "form.useWatchValue",
      "form.watch with arrays",
      "form.watch cascade",
      "Get values type",
      "Get transformed values type",
      "Set values type",
      "Set transformed values type"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/form-values.md",
    "searchText": "form values manipulate form values with use-form @mantine/form /form/values form initial values setvalues handler setvalues partial initialize form setfieldvalue handler reset handler setinitialvalues handler transformvalues get transformed values onvalueschange form.watch form.usewatchvalue form.watch with arrays form.watch cascade get values type get transformed values type set values type set transformed values type"
  },
  {
    "id": "getting-started",
    "name": "Getting started",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Overview",
    "route": "/getting-started",
    "docsUrl": "https://mantine.dev/getting-started",
    "description": "",
    "headings": [
      "Get started with a template",
      "Community templates",
      "Framework guide",
      "Can I use Mantine with create-react-app?",
      "Get started without framework",
      "Set up VS Code",
      "Learn",
      "Support Mantine",
      "Mantine for Figma",
      "License"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/getting-started.md",
    "searchText": "getting started /getting-started overview get started with a template community templates framework guide can i use mantine with create-react-app? get started without framework set up vs code learn support mantine mantine for figma license"
  },
  {
    "id": "guides-6x-to-7x",
    "name": "6.x to 7.x migration",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Migration guides",
    "route": "/guides/6x-to-7x",
    "docsUrl": "https://mantine.dev/guides/6x-to-7x",
    "description": "",
    "headings": [
      "Migration to @mantine/emotion",
      "Migration to CSS modules"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-6x-to-7x.md",
    "searchText": "6.x to 7.x migration /guides/6x-to-7x migration guides migration to @mantine/emotion migration to css modules"
  },
  {
    "id": "guides-7x-to-8x",
    "name": "7.x to 8.x migration",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Migration guides",
    "route": "/guides/7x-to-8x",
    "docsUrl": "https://mantine.dev/guides/7x-to-8x",
    "description": "",
    "searchTags": "7x, 8x, 7to8, 78",
    "headings": [
      "Global styles imports",
      "Portal reuseTargetNode",
      "Switch withThumbIndicator",
      "Date string values",
      "DatesProvider timezone",
      "DateTimePicker timeInputProps",
      "CodeHighlight usage",
      "Menu data-hovered attribute",
      "Popover hideDetached",
      "Carousel changes"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-7x-to-8x.md",
    "searchText": "7.x to 8.x migration /guides/7x-to-8x migration guides 7x, 8x, 7to8, 78 global styles imports portal reusetargetnode switch withthumbindicator date string values datesprovider timezone datetimepicker timeinputprops codehighlight usage menu data-hovered attribute popover hidedetached carousel changes"
  },
  {
    "id": "guides-8x-to-9x",
    "name": "8.x to 9.x migration",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Migration guides",
    "route": "/guides/8x-to-9x",
    "docsUrl": "https://mantine.dev/guides/8x-to-9x",
    "description": "",
    "searchTags": "8x, 9x, 8to9, 89",
    "headings": [
      "Prerequisites",
      "Update dependencies",
      "use-form TransformValues type",
      "Text color prop",
      "Light variant color changes",
      "Form resolvers",
      "TypographyStylesProvider",
      "Popover and Tooltip positionDependencies prop",
      "use-fullscreen hook changes",
      "use-mouse hook changes",
      "use-mutation-observer hook changes",
      "Rename hooks types",
      "Collapse in -> expanded",
      "Spoiler initialState -> defaultExpanded",
      "Grid gutter -> gap",
      "Grid overflow=\"hidden\" no longer required",
      "useLocalStorage and useSessionStorage return type",
      "useHeadroom returns object instead of boolean",
      "Default border-radius change",
      "Notifications pauseResetOnHover default change"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-8x-to-9x.md",
    "searchText": "8.x to 9.x migration /guides/8x-to-9x migration guides 8x, 9x, 8to9, 89 prerequisites update dependencies use-form transformvalues type text color prop light variant color changes form resolvers typographystylesprovider popover and tooltip positiondependencies prop use-fullscreen hook changes use-mouse hook changes use-mutation-observer hook changes rename hooks types collapse in -> expanded spoiler initialstate -> defaultexpanded grid gutter -> gap grid overflow=\"hidden\" no longer required uselocalstorage and usesessionstorage return type useheadroom returns object instead of boolean default border-radius change notifications pauseresetonhover default change"
  },
  {
    "id": "guides-controlled-vs-uncontrolled",
    "name": "Controlled vs Uncontrolled",
    "kind": "guide",
    "group": "theming",
    "category": "Other",
    "route": "/guides/controlled-vs-uncontrolled",
    "docsUrl": "https://mantine.dev/guides/controlled-vs-uncontrolled",
    "description": "",
    "headings": [
      "Controlled components",
      "Uncontrolled components",
      "Key differences",
      "When to use which",
      "FormData and uncontrolled components",
      "Uncontrolled use-form"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-controlled-vs-uncontrolled.md",
    "searchText": "controlled vs uncontrolled /guides/controlled-vs-uncontrolled other controlled components uncontrolled components key differences when to use which formdata and uncontrolled components uncontrolled use-form"
  },
  {
    "id": "guides-custom-components",
    "name": "Custom components",
    "kind": "guide",
    "group": "theming",
    "category": "Other",
    "route": "/guides/custom-components",
    "docsUrl": "https://mantine.dev/guides/custom-components",
    "description": "",
    "searchTags": "useProps, use-props, useStyles, use-styles, polymorphicFactory, ExtendComponent, theme.components",
    "headings": [
      "Factory type",
      "factory function",
      "Box component",
      "ElementProps type",
      "useProps hook",
      "useStyles hook",
      "getStyles function",
      "varsResolver",
      "Compound components",
      "Namespace exports",
      "polymorphicFactory",
      "genericFactory"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-custom-components.md",
    "searchText": "custom components /guides/custom-components other useprops, use-props, usestyles, use-styles, polymorphicfactory, extendcomponent, theme.components factory type factory function box component elementprops type useprops hook usestyles hook getstyles function varsresolver compound components namespace exports polymorphicfactory genericfactory"
  },
  {
    "id": "guides-icons",
    "name": "Icons libraries",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Integrations",
    "route": "/guides/icons",
    "docsUrl": "https://mantine.dev/guides/icons",
    "description": "",
    "headings": [
      "Phosphor icons",
      "Icon size",
      "Custom icons"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-icons.md",
    "searchText": "icons libraries /guides/icons integrations phosphor icons icon size custom icons"
  },
  {
    "id": "guides-javascript",
    "name": "Usage with JavaScript",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Integrations",
    "route": "/guides/javascript",
    "docsUrl": "https://mantine.dev/guides/javascript",
    "description": "",
    "headings": [
      "Is it possible to use Mantine with JavaScript?",
      "Transforming demos code to JavaScript",
      "Should Mantine be used with JavaScript?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-javascript.md",
    "searchText": "usage with javascript /guides/javascript integrations is it possible to use mantine with javascript? transforming demos code to javascript should mantine be used with javascript?"
  },
  {
    "id": "guides-jest",
    "name": "Testing with Jest",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Integrations",
    "route": "/guides/jest",
    "docsUrl": "https://mantine.dev/guides/jest",
    "description": "",
    "headings": [
      "Custom render",
      "Mock Web APIs",
      "Framework specific setup",
      "Testing examples"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-jest.md",
    "searchText": "testing with jest /guides/jest integrations custom render mock web apis framework specific setup testing examples"
  },
  {
    "id": "guides-next",
    "name": "Usage with Next.js",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Framework guides",
    "route": "/guides/next",
    "docsUrl": "https://mantine.dev/guides/next",
    "description": "",
    "headings": [
      "Generate new application",
      "Installation",
      "PostCSS setup",
      "Setup with pages router",
      "Setup with app router",
      "app + pages router together",
      "Next.js Link with polymorphic components",
      "Server components",
      "Compound components in server components",
      "app router tree shaking",
      "Troubleshooting"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-next.md",
    "searchText": "usage with next.js /guides/next framework guides generate new application installation postcss setup setup with pages router setup with app router app + pages router together next.js link with polymorphic components server components compound components in server components app router tree shaking troubleshooting"
  },
  {
    "id": "guides-polymorphic",
    "name": "Polymorphic components",
    "kind": "guide",
    "group": "theming",
    "category": "Other",
    "route": "/guides/polymorphic",
    "docsUrl": "https://mantine.dev/guides/polymorphic",
    "description": "",
    "headings": [
      "What is a polymorphic component",
      "renderRoot prop",
      "Polymorphic components as other React components",
      "Polymorphic components as Next.js Link",
      "Polymorphic components with generic components",
      "Polymorphic components with react-router NavLink",
      "Wrapping polymorphic components",
      "Dynamic component prop",
      "Create your own polymorphic components",
      "Make Mantine component polymorphic"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-polymorphic.md",
    "searchText": "polymorphic components /guides/polymorphic other what is a polymorphic component renderroot prop polymorphic components as other react components polymorphic components as next.js link polymorphic components with generic components polymorphic components with react-router navlink wrapping polymorphic components dynamic component prop create your own polymorphic components make mantine component polymorphic"
  },
  {
    "id": "guides-react-router",
    "name": "Usage with React Router",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Framework guides",
    "route": "/guides/react-router",
    "docsUrl": "https://mantine.dev/guides/react-router",
    "description": "",
    "headings": [
      "Generate new application",
      "Installation",
      "PostCSS setup",
      "Setup"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-react-router.md",
    "searchText": "usage with react router /guides/react-router framework guides generate new application installation postcss setup setup"
  },
  {
    "id": "guides-storybook",
    "name": "Usage with Storybook",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Integrations",
    "route": "/guides/storybook",
    "docsUrl": "https://mantine.dev/guides/storybook",
    "description": "",
    "headings": [
      "Add Storybook to your application",
      "Configure addons",
      "Theme object",
      "Storybook preview"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-storybook.md",
    "searchText": "usage with storybook /guides/storybook integrations add storybook to your application configure addons theme object storybook preview"
  },
  {
    "id": "guides-tanstack-start",
    "name": "Usage with TanStack Start",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Framework guides",
    "route": "/guides/tanstack-start",
    "docsUrl": "https://mantine.dev/guides/tanstack-start",
    "description": "",
    "headings": [
      "Generate new application",
      "Installation",
      "PostCSS setup",
      "Setup"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-tanstack-start.md",
    "searchText": "usage with tanstack start /guides/tanstack-start framework guides generate new application installation postcss setup setup"
  },
  {
    "id": "guides-tiptap-3-migration",
    "name": "Migration guide Tiptap 2 → Tiptap 3",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Migration guides",
    "route": "/guides/tiptap-3-migration",
    "docsUrl": "https://mantine.dev/guides/tiptap-3-migration",
    "description": "",
    "searchTags": "tiptap2, tiptap3, migration",
    "headings": [
      "shouldRerenderOnTransaction",
      "immediatelyRender",
      "StarterKit changes",
      "Import paths"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-tiptap-3-migration.md",
    "searchText": "migration guide tiptap 2 → tiptap 3 /guides/tiptap-3-migration migration guides tiptap2, tiptap3, migration shouldrerenderontransaction immediatelyrender starterkit changes import paths"
  },
  {
    "id": "guides-typescript",
    "name": "Usage with TypeScript",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Integrations",
    "route": "/guides/typescript",
    "docsUrl": "https://mantine.dev/guides/typescript",
    "description": "",
    "headings": [
      "Components props types",
      "Polymorphic components props types",
      "Namespace types",
      "ElementProps type",
      "MantineTheme type",
      "MantineThemeOverride type",
      "MantineColorScheme type",
      "MantineSize type",
      "Theme object declarations",
      "Custom variants types"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-typescript.md",
    "searchText": "usage with typescript /guides/typescript integrations components props types polymorphic components props types namespace types elementprops type mantinetheme type mantinethemeoverride type mantinecolorscheme type mantinesize type theme object declarations custom variants types"
  },
  {
    "id": "guides-vite",
    "name": "Usage with Vite",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Framework guides",
    "route": "/guides/vite",
    "docsUrl": "https://mantine.dev/guides/vite",
    "description": "",
    "headings": [
      "Generate new application",
      "Installation",
      "PostCSS setup",
      "Setup"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-vite.md",
    "searchText": "usage with vite /guides/vite framework guides generate new application installation postcss setup setup"
  },
  {
    "id": "guides-vitest",
    "name": "Testing with Vitest",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Integrations",
    "route": "/guides/vitest",
    "docsUrl": "https://mantine.dev/guides/vitest",
    "description": "",
    "headings": [
      "Installation",
      "Configuration",
      "Custom render",
      "Example of a full setup"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/guides-vitest.md",
    "searchText": "testing with vitest /guides/vitest integrations installation configuration custom render example of a full setup"
  },
  {
    "id": "hooks-package",
    "name": "Get started",
    "kind": "hook",
    "group": "hooks",
    "category": "",
    "package": "@mantine/hooks",
    "route": "/hooks/package",
    "docsUrl": "https://mantine.dev/hooks/package",
    "description": "",
    "headings": [
      "Installation",
      "Usage",
      "License"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/hooks-package.md",
    "searchText": "get started @mantine/hooks /hooks/package installation usage license"
  },
  {
    "id": "hooks-use-click-outside",
    "name": "use-click-outside",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-click-outside",
    "docsUrl": "https://mantine.dev/hooks/use-click-outside",
    "description": "Detects click and touch events outside of given element or elements group",
    "searchTags": "useClickOutside use click outside",
    "headings": [
      "Usage",
      "API",
      "Change events",
      "Multiple nodes",
      "Capture phase",
      "Set ref type",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-click-outside.md",
    "searchText": "use-click-outside detects click and touch events outside of given element or elements group @mantine/hooks /hooks/use-click-outside ui and dom useclickoutside use click outside usage api change events multiple nodes capture phase set ref type definition"
  },
  {
    "id": "hooks-use-clipboard",
    "name": "use-clipboard",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-clipboard",
    "docsUrl": "https://mantine.dev/hooks/use-clipboard",
    "description": "Copy to clipboard with feedback timeout",
    "searchTags": "useClipboard use clipboard",
    "headings": [
      "Usage",
      "Limitations",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-clipboard.md",
    "searchText": "use-clipboard copy to clipboard with feedback timeout @mantine/hooks /hooks/use-clipboard utilities useclipboard use clipboard usage limitations definition exported types"
  },
  {
    "id": "hooks-use-collapse",
    "name": "use-collapse",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-collapse",
    "docsUrl": "https://mantine.dev/hooks/use-collapse",
    "description": "Animate height from 0 to auto and vice versa",
    "searchTags": "useCollapse use collapse",
    "headings": [
      "Usage",
      "Horizontal collapse",
      "ref prop",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-collapse.md",
    "searchText": "use-collapse animate height from 0 to auto and vice versa @mantine/hooks /hooks/use-collapse ui and dom usecollapse use collapse usage horizontal collapse ref prop definition exported types"
  },
  {
    "id": "hooks-use-color-scheme",
    "name": "use-color-scheme",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-color-scheme",
    "docsUrl": "https://mantine.dev/hooks/use-color-scheme",
    "description": "Returns OS color scheme preference and subscribes to changes",
    "searchTags": "useColorScheme use color scheme",
    "headings": [
      "Usage",
      "Limitations",
      "Get initial value in effect",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-color-scheme.md",
    "searchText": "use-color-scheme returns os color scheme preference and subscribes to changes @mantine/hooks /hooks/use-color-scheme ui and dom usecolorscheme use color scheme usage limitations get initial value in effect definition exported types"
  },
  {
    "id": "hooks-use-counter",
    "name": "use-counter",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-counter",
    "docsUrl": "https://mantine.dev/hooks/use-counter",
    "description": "Increments/decrements state within given boundaries",
    "searchTags": "useCounter use counter",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-counter.md",
    "searchText": "use-counter increments/decrements state within given boundaries @mantine/hooks /hooks/use-counter state management usecounter use counter usage definition exported types"
  },
  {
    "id": "hooks-use-debounced-callback",
    "name": "use-debounced-callback",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-debounced-callback",
    "docsUrl": "https://mantine.dev/hooks/use-debounced-callback",
    "description": "Creates debounced version of the given function",
    "searchTags": "useDebouncedCallback use debounced callback",
    "headings": [
      "Usage",
      "flushOnUnmount option",
      "leading option",
      "maxWait option",
      "Flush and cancel",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-debounced-callback.md",
    "searchText": "use-debounced-callback creates debounced version of the given function @mantine/hooks /hooks/use-debounced-callback state management usedebouncedcallback use debounced callback usage flushonunmount option leading option maxwait option flush and cancel definition exported types"
  },
  {
    "id": "hooks-use-debounced-state",
    "name": "use-debounced-state",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-debounced-state",
    "docsUrl": "https://mantine.dev/hooks/use-debounced-state",
    "description": "Debounces value changes",
    "searchTags": "useDebouncedState use debounced state",
    "headings": [
      "Usage",
      "Differences from use-debounce-value",
      "Leading update",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-debounced-state.md",
    "searchText": "use-debounced-state debounces value changes @mantine/hooks /hooks/use-debounced-state state management usedebouncedstate use debounced state usage differences from use-debounce-value leading update definition exported types"
  },
  {
    "id": "hooks-use-debounced-value",
    "name": "use-debounced-value",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-debounced-value",
    "docsUrl": "https://mantine.dev/hooks/use-debounced-value",
    "description": "Debounces value changes",
    "searchTags": "useDebouncedValue use debounced value",
    "headings": [
      "Usage",
      "Differences from use-debounced-state",
      "Leading update",
      "Cancel and flush",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-debounced-value.md",
    "searchText": "use-debounced-value debounces value changes @mantine/hooks /hooks/use-debounced-value state management usedebouncedvalue use debounced value usage differences from use-debounced-state leading update cancel and flush definition exported types"
  },
  {
    "id": "hooks-use-did-update",
    "name": "use-did-update",
    "kind": "hook",
    "group": "hooks",
    "category": "Lifecycle",
    "package": "@mantine/hooks",
    "route": "/hooks/use-did-update",
    "docsUrl": "https://mantine.dev/hooks/use-did-update",
    "description": "Calls given function in useEffect when value changes, but not when the component mounts",
    "searchTags": "useDidUpdate use did update",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-did-update.md",
    "searchText": "use-did-update calls given function in useeffect when value changes, but not when the component mounts @mantine/hooks /hooks/use-did-update lifecycle usedidupdate use did update usage definition"
  },
  {
    "id": "hooks-use-disclosure",
    "name": "use-disclosure",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-disclosure",
    "docsUrl": "https://mantine.dev/hooks/use-disclosure",
    "description": "Manages boolean state, provides open, close and toggle handlers, usually used with modals, drawers and popovers",
    "searchTags": "useDisclosure use disclosure",
    "headings": [
      "Usage",
      "Callbacks",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-disclosure.md",
    "searchText": "use-disclosure manages boolean state, provides open, close and toggle handlers, usually used with modals, drawers and popovers @mantine/hooks /hooks/use-disclosure state management usedisclosure use disclosure usage callbacks definition exported types"
  },
  {
    "id": "hooks-use-document-title",
    "name": "use-document-title",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-document-title",
    "docsUrl": "https://mantine.dev/hooks/use-document-title",
    "description": "Sets document.title to given string",
    "searchTags": "useDocumentTitle use document title",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-document-title.md",
    "searchText": "use-document-title sets document.title to given string @mantine/hooks /hooks/use-document-title utilities usedocumenttitle use document title usage definition"
  },
  {
    "id": "hooks-use-document-visibility",
    "name": "use-document-visibility",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-document-visibility",
    "docsUrl": "https://mantine.dev/hooks/use-document-visibility",
    "description": "Detects if the current tab is active",
    "searchTags": "useDocumentVisibility use document visibility",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-document-visibility.md",
    "searchText": "use-document-visibility detects if the current tab is active @mantine/hooks /hooks/use-document-visibility utilities usedocumentvisibility use document visibility usage definition"
  },
  {
    "id": "hooks-use-drag",
    "name": "use-drag",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-drag",
    "docsUrl": "https://mantine.dev/hooks/use-drag",
    "description": "Handle pointer drag gestures with movement, velocity, direction and axis constraints",
    "searchTags": "useDrag use drag",
    "headings": [
      "Usage",
      "Axis constraint",
      "Distinguishing taps from drags",
      "Swipe to dismiss",
      "Drag to scroll",
      "Touch support",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-drag.md",
    "searchText": "use-drag handle pointer drag gestures with movement, velocity, direction and axis constraints @mantine/hooks /hooks/use-drag ui and dom usedrag use drag usage axis constraint distinguishing taps from drags swipe to dismiss drag to scroll touch support definition exported types"
  },
  {
    "id": "hooks-use-element-size",
    "name": "use-element-size",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-element-size",
    "docsUrl": "https://mantine.dev/hooks/use-element-size",
    "description": "Returns element width and height and observes changes with ResizeObserver",
    "headings": [
      "Usage",
      "API",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-element-size.md",
    "searchText": "use-element-size returns element width and height and observes changes with resizeobserver @mantine/hooks /hooks/use-element-size ui and dom usage api definition"
  },
  {
    "id": "hooks-use-event-listener",
    "name": "use-event-listener",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-event-listener",
    "docsUrl": "https://mantine.dev/hooks/use-event-listener",
    "description": "Subscribes to events of a given element with a ref",
    "searchTags": "useEventListener use event listener",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-event-listener.md",
    "searchText": "use-event-listener subscribes to events of a given element with a ref @mantine/hooks /hooks/use-event-listener ui and dom useeventlistener use event listener usage definition"
  },
  {
    "id": "hooks-use-eye-dropper",
    "name": "use-eye-dropper",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-eye-dropper",
    "docsUrl": "https://mantine.dev/hooks/use-eye-dropper",
    "description": "Pick color from any pixel on the screen",
    "searchTags": "useEyeDropper use eye dropper",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-eye-dropper.md",
    "searchText": "use-eye-dropper pick color from any pixel on the screen @mantine/hooks /hooks/use-eye-dropper utilities useeyedropper use eye dropper usage definition exported types"
  },
  {
    "id": "hooks-use-favicon",
    "name": "use-favicon",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-favicon",
    "docsUrl": "https://mantine.dev/hooks/use-favicon",
    "description": "Changes favicon",
    "searchTags": "useFavicon use favicon",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-favicon.md",
    "searchText": "use-favicon changes favicon @mantine/hooks /hooks/use-favicon utilities usefavicon use favicon usage definition"
  },
  {
    "id": "hooks-use-fetch",
    "name": "use-fetch",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-fetch",
    "docsUrl": "https://mantine.dev/hooks/use-fetch",
    "description": "Fetch data with built-in loading and error states",
    "searchTags": "useFetch use fetch",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-fetch.md",
    "searchText": "use-fetch fetch data with built-in loading and error states @mantine/hooks /hooks/use-fetch utilities usefetch use fetch usage definition exported types"
  },
  {
    "id": "hooks-use-file-dialog",
    "name": "use-file-dialog",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-file-dialog",
    "docsUrl": "https://mantine.dev/hooks/use-file-dialog",
    "description": "Capture one or more files from the user",
    "searchTags": "useFileDialog use file dialog",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-file-dialog.md",
    "searchText": "use-file-dialog capture one or more files from the user @mantine/hooks /hooks/use-file-dialog ui and dom usefiledialog use file dialog usage definition exported types"
  },
  {
    "id": "hooks-use-floating-window",
    "name": "use-floating-window",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-floating-window",
    "docsUrl": "https://mantine.dev/hooks/use-floating-window",
    "description": "Create draggable floating area",
    "searchTags": "useFloatingWindow use floating window",
    "headings": [
      "Usage",
      "Constrain to viewport",
      "Constrain offset",
      "Drag handle selector",
      "Enabled option",
      "Set position",
      "Lock axis",
      "FloatingWindow component",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-floating-window.md",
    "searchText": "use-floating-window create draggable floating area @mantine/hooks /hooks/use-floating-window ui and dom usefloatingwindow use floating window usage constrain to viewport constrain offset drag handle selector enabled option set position lock axis floatingwindow component definition exported types"
  },
  {
    "id": "hooks-use-focus-return",
    "name": "use-focus-return",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-focus-return",
    "docsUrl": "https://mantine.dev/hooks/use-focus-return",
    "description": "Captures last focused element on the page and returns focus to it once given condition is met",
    "searchTags": "useFocusReturn use focus return",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-focus-return.md",
    "searchText": "use-focus-return captures last focused element on the page and returns focus to it once given condition is met @mantine/hooks /hooks/use-focus-return ui and dom usefocusreturn use focus return usage definition exported types"
  },
  {
    "id": "hooks-use-focus-trap",
    "name": "use-focus-trap",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-focus-trap",
    "docsUrl": "https://mantine.dev/hooks/use-focus-trap",
    "description": "Traps focus inside given element",
    "searchTags": "useFocusTrap use focus trap",
    "headings": [
      "Usage",
      "API",
      "Combine with other ref based hooks",
      "Initial focus",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-focus-trap.md",
    "searchText": "use-focus-trap traps focus inside given element @mantine/hooks /hooks/use-focus-trap ui and dom usefocustrap use focus trap usage api combine with other ref based hooks initial focus definition"
  },
  {
    "id": "hooks-use-focus-within",
    "name": "use-focus-within",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-focus-within",
    "docsUrl": "https://mantine.dev/hooks/use-focus-within",
    "description": "Detects if any element within the given element has focus",
    "searchTags": "useFocusWithin use focus within",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-focus-within.md",
    "searchText": "use-focus-within detects if any element within the given element has focus @mantine/hooks /hooks/use-focus-within ui and dom usefocuswithin use focus within usage definition exported types"
  },
  {
    "id": "hooks-use-force-update",
    "name": "use-force-update",
    "kind": "hook",
    "group": "hooks",
    "category": "Lifecycle",
    "package": "@mantine/hooks",
    "route": "/hooks/use-force-update",
    "docsUrl": "https://mantine.dev/hooks/use-force-update",
    "description": "Forces the component to rerender without state change",
    "searchTags": "useForceUpdate use force update",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-force-update.md",
    "searchText": "use-force-update forces the component to rerender without state change @mantine/hooks /hooks/use-force-update lifecycle useforceupdate use force update usage definition"
  },
  {
    "id": "hooks-use-fullscreen",
    "name": "use-fullscreen",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-fullscreen",
    "docsUrl": "https://mantine.dev/hooks/use-fullscreen",
    "description": "Enter/exit fullscreen mode with given element or entire page",
    "searchTags": "useFullscreen use fullscreen",
    "headings": [
      "Usage",
      "Custom target element",
      "Mobile Safari limitations",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-fullscreen.md",
    "searchText": "use-fullscreen enter/exit fullscreen mode with given element or entire page @mantine/hooks /hooks/use-fullscreen ui and dom usefullscreen use fullscreen usage custom target element mobile safari limitations definition exported types"
  },
  {
    "id": "hooks-use-hash",
    "name": "use-hash",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-hash",
    "docsUrl": "https://mantine.dev/hooks/use-hash",
    "description": "Get and set hash value in the URL",
    "searchTags": "useHash use hash",
    "headings": [
      "Usage",
      "Initial state value",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-hash.md",
    "searchText": "use-hash get and set hash value in the url @mantine/hooks /hooks/use-hash utilities usehash use hash usage initial state value definition exported types"
  },
  {
    "id": "hooks-use-headroom",
    "name": "use-headroom",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-headroom",
    "docsUrl": "https://mantine.dev/hooks/use-headroom",
    "description": "Create headers that are hidden after user scrolls past given distance",
    "searchTags": "useHeadroom use headroom",
    "headings": [
      "Usage",
      "scrollProgress",
      "Callbacks",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-headroom.md",
    "searchText": "use-headroom create headers that are hidden after user scrolls past given distance @mantine/hooks /hooks/use-headroom utilities useheadroom use headroom usage scrollprogress callbacks definition exported types"
  },
  {
    "id": "hooks-use-hotkeys",
    "name": "use-hotkeys",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-hotkeys",
    "docsUrl": "https://mantine.dev/hooks/use-hotkeys",
    "description": "Listen for keys combinations on document element",
    "searchTags": "useHotkeys use hotkeys",
    "headings": [
      "Usage",
      "Targeting elements",
      "Supported formats",
      "Types",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-hotkeys.md",
    "searchText": "use-hotkeys listen for keys combinations on document element @mantine/hooks /hooks/use-hotkeys ui and dom usehotkeys use hotkeys usage targeting elements supported formats types definition exported types"
  },
  {
    "id": "hooks-use-hover",
    "name": "use-hover",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-hover",
    "docsUrl": "https://mantine.dev/hooks/use-hover",
    "description": "Detects if given element is hovered",
    "searchTags": "useHover use hover",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-hover.md",
    "searchText": "use-hover detects if given element is hovered @mantine/hooks /hooks/use-hover ui and dom usehover use hover usage definition exported types"
  },
  {
    "id": "hooks-use-id",
    "name": "use-id",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-id",
    "docsUrl": "https://mantine.dev/hooks/use-id",
    "description": "Generates memoized random id",
    "searchTags": "useId use id",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-id.md",
    "searchText": "use-id generates memoized random id @mantine/hooks /hooks/use-id state management useid use id usage definition"
  },
  {
    "id": "hooks-use-idle",
    "name": "use-idle",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-idle",
    "docsUrl": "https://mantine.dev/hooks/use-idle",
    "description": "Detects if the user does nothing on the page",
    "searchTags": "useIdle use idle",
    "headings": [
      "Usage",
      "Custom events",
      "Initial state",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-idle.md",
    "searchText": "use-idle detects if the user does nothing on the page @mantine/hooks /hooks/use-idle utilities useidle use idle usage custom events initial state definition exported types"
  },
  {
    "id": "hooks-use-in-viewport",
    "name": "use-in-viewport",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-in-viewport",
    "docsUrl": "https://mantine.dev/hooks/use-in-viewport",
    "description": "Detects if element is visible in the viewport",
    "searchTags": "useInViewport use in viewport",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-in-viewport.md",
    "searchText": "use-in-viewport detects if element is visible in the viewport @mantine/hooks /hooks/use-in-viewport ui and dom useinviewport use in viewport usage definition exported types"
  },
  {
    "id": "hooks-use-input-state",
    "name": "use-input-state",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-input-state",
    "docsUrl": "https://mantine.dev/hooks/use-input-state",
    "description": "Manages input state",
    "searchTags": "useInputState use input state",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-input-state.md",
    "searchText": "use-input-state manages input state @mantine/hooks /hooks/use-input-state state management useinputstate use input state usage definition exported types"
  },
  {
    "id": "hooks-use-intersection",
    "name": "use-intersection",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-intersection",
    "docsUrl": "https://mantine.dev/hooks/use-intersection",
    "description": "Detects if given element is visible in the viewport or other element with IntersectionObserver",
    "searchTags": "useIntersection use intersection",
    "headings": [
      "Usage",
      "API",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-intersection.md",
    "searchText": "use-intersection detects if given element is visible in the viewport or other element with intersectionobserver @mantine/hooks /hooks/use-intersection ui and dom useintersection use intersection usage api definition exported types"
  },
  {
    "id": "hooks-use-interval",
    "name": "use-interval",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-interval",
    "docsUrl": "https://mantine.dev/hooks/use-interval",
    "description": "Calls function with a given interval",
    "searchTags": "useInterval use interval",
    "headings": [
      "Usage",
      "Auto invoke interval",
      "API",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-interval.md",
    "searchText": "use-interval calls function with a given interval @mantine/hooks /hooks/use-interval utilities useinterval use interval usage auto invoke interval api definition exported types"
  },
  {
    "id": "hooks-use-is-first-render",
    "name": "use-is-first-render",
    "kind": "hook",
    "group": "hooks",
    "category": "Lifecycle",
    "package": "@mantine/hooks",
    "route": "/hooks/use-is-first-render",
    "docsUrl": "https://mantine.dev/hooks/use-is-first-render",
    "description": "Detects if the component is rendered for the first time",
    "searchTags": "useIsFirstRender use is first render",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-is-first-render.md",
    "searchText": "use-is-first-render detects if the component is rendered for the first time @mantine/hooks /hooks/use-is-first-render lifecycle useisfirstrender use is first render usage definition"
  },
  {
    "id": "hooks-use-isomorphic-effect",
    "name": "use-isomorphic-effect",
    "kind": "hook",
    "group": "hooks",
    "category": "Lifecycle",
    "package": "@mantine/hooks",
    "route": "/hooks/use-isomorphic-effect",
    "docsUrl": "https://mantine.dev/hooks/use-isomorphic-effect",
    "description": "useLayoutEffect replacement",
    "searchTags": "useIsomorphicEffect use isomorphic effect",
    "headings": [
      "Usage"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/hooks-use-isomorphic-effect.md",
    "searchText": "use-isomorphic-effect uselayouteffect replacement @mantine/hooks /hooks/use-isomorphic-effect lifecycle useisomorphiceffect use isomorphic effect usage"
  },
  {
    "id": "hooks-use-list-state",
    "name": "use-list-state",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-list-state",
    "docsUrl": "https://mantine.dev/hooks/use-list-state",
    "description": "Manages array state",
    "searchTags": "useListState use list state",
    "headings": [
      "Usage",
      "API",
      "Indeterminate state checkbox example",
      "UseListStateHandlers type",
      "Set item type",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-list-state.md",
    "searchText": "use-list-state manages array state @mantine/hooks /hooks/use-list-state state management useliststate use list state usage api indeterminate state checkbox example useliststatehandlers type set item type definition exported types"
  },
  {
    "id": "hooks-use-local-storage",
    "name": "use-local-storage",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-local-storage",
    "docsUrl": "https://mantine.dev/hooks/use-local-storage",
    "description": "Exposes localStorage value as react state, syncs state across opened tabs",
    "searchTags": "useLocalStorage use local storage",
    "headings": [
      "Usage",
      "Example",
      "Remove value",
      "Browser tabs synchronization",
      "Serialize/deserialize JSON",
      "Usage with superjson",
      "use-session-storage",
      "Set value type",
      "Read storage value",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-local-storage.md",
    "searchText": "use-local-storage exposes localstorage value as react state, syncs state across opened tabs @mantine/hooks /hooks/use-local-storage state management uselocalstorage use local storage usage example remove value browser tabs synchronization serialize/deserialize json usage with superjson use-session-storage set value type read storage value definition exported types"
  },
  {
    "id": "hooks-use-logger",
    "name": "use-logger",
    "kind": "hook",
    "group": "hooks",
    "category": "Lifecycle",
    "package": "@mantine/hooks",
    "route": "/hooks/use-logger",
    "docsUrl": "https://mantine.dev/hooks/use-logger",
    "description": "Logs given values to console when component renders",
    "searchTags": "useLogger use logger",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-logger.md",
    "searchText": "use-logger logs given values to console when component renders @mantine/hooks /hooks/use-logger lifecycle uselogger use logger usage definition"
  },
  {
    "id": "hooks-use-long-press",
    "name": "use-long-press",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-long-press",
    "docsUrl": "https://mantine.dev/hooks/use-long-press",
    "description": "Call function on long press",
    "searchTags": "useLongPress use long press",
    "headings": [
      "Usage",
      "Definition",
      "Restrict to specific input types",
      "Cancel on movement",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-long-press.md",
    "searchText": "use-long-press call function on long press @mantine/hooks /hooks/use-long-press ui and dom uselongpress use long press usage definition restrict to specific input types cancel on movement exported types"
  },
  {
    "id": "hooks-use-map",
    "name": "use-map",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-map",
    "docsUrl": "https://mantine.dev/hooks/use-map",
    "description": "Use Map as React state",
    "searchTags": "useMap use map",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-map.md",
    "searchText": "use-map use map as react state @mantine/hooks /hooks/use-map state management usemap use map usage definition"
  },
  {
    "id": "hooks-use-mask",
    "name": "use-mask",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-mask",
    "docsUrl": "https://mantine.dev/hooks/use-mask",
    "description": "Attach real-time input masking to any input element",
    "searchTags": "useMask use mask",
    "headings": [
      "Usage",
      "isComplete, slotChar, and transform",
      "Dynamic mask",
      "Custom tokens",
      "Escaping",
      "Regex array format",
      "Reset",
      "Mask pattern syntax",
      "Utility functions",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-mask.md",
    "searchText": "use-mask attach real-time input masking to any input element @mantine/hooks /hooks/use-mask ui and dom usemask use mask usage iscomplete, slotchar, and transform dynamic mask custom tokens escaping regex array format reset mask pattern syntax utility functions definition exported types"
  },
  {
    "id": "hooks-use-media-query",
    "name": "use-media-query",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-media-query",
    "docsUrl": "https://mantine.dev/hooks/use-media-query",
    "description": "Subscribes to media queries with window.matchMedia",
    "searchTags": "useMediaQuery use media query",
    "headings": [
      "Usage",
      "Server-Side Rendering",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-media-query.md",
    "searchText": "use-media-query subscribes to media queries with window.matchmedia @mantine/hooks /hooks/use-media-query ui and dom usemediaquery use media query usage server-side rendering definition exported types"
  },
  {
    "id": "hooks-use-merged-ref",
    "name": "use-merged-ref",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-merged-ref",
    "docsUrl": "https://mantine.dev/hooks/use-merged-ref",
    "description": "Merges multiple refs objects or functions into one ref callback",
    "searchTags": "useMergedRef use merged ref",
    "headings": [
      "Usage",
      "mergeRefs function",
      "assignRef function",
      "Set node type",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-merged-ref.md",
    "searchText": "use-merged-ref merges multiple refs objects or functions into one ref callback @mantine/hooks /hooks/use-merged-ref utilities usemergedref use merged ref usage mergerefs function assignref function set node type definition"
  },
  {
    "id": "hooks-use-mounted",
    "name": "use-mounted",
    "kind": "hook",
    "group": "hooks",
    "category": "Lifecycle",
    "package": "@mantine/hooks",
    "route": "/hooks/use-mounted",
    "docsUrl": "https://mantine.dev/hooks/use-mounted",
    "description": "Returns true if the component is mounted",
    "searchTags": "useMounted use mounted",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-mounted.md",
    "searchText": "use-mounted returns true if the component is mounted @mantine/hooks /hooks/use-mounted lifecycle usemounted use mounted usage definition"
  },
  {
    "id": "hooks-use-mouse",
    "name": "use-mouse",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-mouse",
    "docsUrl": "https://mantine.dev/hooks/use-mouse",
    "description": "Tracks mouse position over the viewport or given element",
    "searchTags": "useMouse use mouse",
    "headings": [
      "Usage",
      "API",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-mouse.md",
    "searchText": "use-mouse tracks mouse position over the viewport or given element @mantine/hooks /hooks/use-mouse ui and dom usemouse use mouse usage api definition"
  },
  {
    "id": "hooks-use-move",
    "name": "use-move",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-move",
    "docsUrl": "https://mantine.dev/hooks/use-move",
    "description": "Handles move behavior over given element, can be used to build custom sliders",
    "searchTags": "useMove use move",
    "headings": [
      "Usage",
      "API",
      "Horizontal slider",
      "Horizontal slider with styles",
      "Vertical slider",
      "Color picker",
      "clampUseMovePosition",
      "UseMovePosition",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-move.md",
    "searchText": "use-move handles move behavior over given element, can be used to build custom sliders @mantine/hooks /hooks/use-move ui and dom usemove use move usage api horizontal slider horizontal slider with styles vertical slider color picker clampusemoveposition usemoveposition definition exported types"
  },
  {
    "id": "hooks-use-mutation-observer",
    "name": "use-mutation-observer",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-mutation-observer",
    "docsUrl": "https://mantine.dev/hooks/use-mutation-observer",
    "description": "Subscribe to changes being made to the DOM tree",
    "searchTags": "useMutationObserver use mutation observer",
    "headings": [
      "Usage",
      "Target element",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-mutation-observer.md",
    "searchText": "use-mutation-observer subscribe to changes being made to the dom tree @mantine/hooks /hooks/use-mutation-observer ui and dom usemutationobserver use mutation observer usage target element definition"
  },
  {
    "id": "hooks-use-network",
    "name": "use-network",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-network",
    "docsUrl": "https://mantine.dev/hooks/use-network",
    "description": "Returns current connection status",
    "searchTags": "useNetwork use network",
    "headings": [
      "Usage",
      "Browser support",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-network.md",
    "searchText": "use-network returns current connection status @mantine/hooks /hooks/use-network utilities usenetwork use network usage browser support definition exported types"
  },
  {
    "id": "hooks-use-orientation",
    "name": "use-orientation",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-orientation",
    "docsUrl": "https://mantine.dev/hooks/use-orientation",
    "description": "Detects device orientation and subscribe to its changes",
    "searchTags": "useOrientation use orientation",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-orientation.md",
    "searchText": "use-orientation detects device orientation and subscribe to its changes @mantine/hooks /hooks/use-orientation ui and dom useorientation use orientation usage definition exported types"
  },
  {
    "id": "hooks-use-os",
    "name": "use-os",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-os",
    "docsUrl": "https://mantine.dev/hooks/use-os",
    "description": "Detects user operating system",
    "searchTags": "useOs use os",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-os.md",
    "searchText": "use-os detects user operating system @mantine/hooks /hooks/use-os utilities useos use os usage definition exported types"
  },
  {
    "id": "hooks-use-page-leave",
    "name": "use-page-leave",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-page-leave",
    "docsUrl": "https://mantine.dev/hooks/use-page-leave",
    "description": "Calls given function when the mouse leaves the page",
    "searchTags": "usePageLeave use page leave",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-page-leave.md",
    "searchText": "use-page-leave calls given function when the mouse leaves the page @mantine/hooks /hooks/use-page-leave utilities usepageleave use page leave usage definition"
  },
  {
    "id": "hooks-use-pagination",
    "name": "use-pagination",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-pagination",
    "docsUrl": "https://mantine.dev/hooks/use-pagination",
    "description": "Manages pagination state",
    "searchTags": "usePagination use pagination",
    "headings": [
      "Usage",
      "Controlled",
      "Siblings",
      "Boundaries",
      "Start value",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-pagination.md",
    "searchText": "use-pagination manages pagination state @mantine/hooks /hooks/use-pagination state management usepagination use pagination usage controlled siblings boundaries start value definition exported types"
  },
  {
    "id": "hooks-use-previous",
    "name": "use-previous",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-previous",
    "docsUrl": "https://mantine.dev/hooks/use-previous",
    "description": "Returns previous value of given state",
    "searchTags": "usePrevious use previous",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-previous.md",
    "searchText": "use-previous returns previous value of given state @mantine/hooks /hooks/use-previous state management useprevious use previous usage definition"
  },
  {
    "id": "hooks-use-queue",
    "name": "use-queue",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-queue",
    "docsUrl": "https://mantine.dev/hooks/use-queue",
    "description": "Manages queue of values",
    "searchTags": "useQueue use queue",
    "headings": [
      "Usage",
      "API",
      "Set item type",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-queue.md",
    "searchText": "use-queue manages queue of values @mantine/hooks /hooks/use-queue state management usequeue use queue usage api set item type definition exported types"
  },
  {
    "id": "hooks-use-radial-move",
    "name": "use-radial-move",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-radial-move",
    "docsUrl": "https://mantine.dev/hooks/use-radial-move",
    "description": "Handles radial move behavior over given element, can be used to build custom radial sliders",
    "searchTags": "useRadialMove use radial move",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-radial-move.md",
    "searchText": "use-radial-move handles radial move behavior over given element, can be used to build custom radial sliders @mantine/hooks /hooks/use-radial-move ui and dom useradialmove use radial move usage definition exported types"
  },
  {
    "id": "hooks-use-reduced-motion",
    "name": "use-reduced-motion",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-reduced-motion",
    "docsUrl": "https://mantine.dev/hooks/use-reduced-motion",
    "description": "Detects if user prefers to reduce motion",
    "searchTags": "useReducedMotion use reduced motion",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-reduced-motion.md",
    "searchText": "use-reduced-motion detects if user prefers to reduce motion @mantine/hooks /hooks/use-reduced-motion ui and dom usereducedmotion use reduced motion usage definition"
  },
  {
    "id": "hooks-use-resize-observer",
    "name": "use-resize-observer",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-resize-observer",
    "docsUrl": "https://mantine.dev/hooks/use-resize-observer",
    "description": "Tracks element size and position changes with ResizeObserver",
    "searchTags": "useResizeObserver use resize observer",
    "headings": [
      "Usage",
      "API",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-resize-observer.md",
    "searchText": "use-resize-observer tracks element size and position changes with resizeobserver @mantine/hooks /hooks/use-resize-observer ui and dom useresizeobserver use resize observer usage api definition"
  },
  {
    "id": "hooks-use-roving-index",
    "name": "use-roving-index",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-roving-index",
    "docsUrl": "https://mantine.dev/hooks/use-roving-index",
    "description": "Implement roving tabindex keyboard navigation pattern",
    "searchTags": "useRovingIndex use roving index",
    "headings": [
      "Usage",
      "Orientation",
      "Grid navigation",
      "Disabled items",
      "Loop",
      "Controlled mode",
      "activateOnFocus",
      "RTL support",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-roving-index.md",
    "searchText": "use-roving-index implement roving tabindex keyboard navigation pattern @mantine/hooks /hooks/use-roving-index ui and dom userovingindex use roving index usage orientation grid navigation disabled items loop controlled mode activateonfocus rtl support definition exported types"
  },
  {
    "id": "hooks-use-scroll-direction",
    "name": "use-scroll-direction",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-scroll-direction",
    "docsUrl": "https://mantine.dev/hooks/use-scroll-direction",
    "description": "Detects whether the user is scrolling up or down",
    "searchTags": "useScrollDirection use scroll direction",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-scroll-direction.md",
    "searchText": "use-scroll-direction detects whether the user is scrolling up or down @mantine/hooks /hooks/use-scroll-direction utilities usescrolldirection use scroll direction usage definition"
  },
  {
    "id": "hooks-use-scroll-into-view",
    "name": "use-scroll-into-view",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-scroll-into-view",
    "docsUrl": "https://mantine.dev/hooks/use-scroll-into-view",
    "description": "Scrolls given element into view",
    "searchTags": "useScrollIntoView use scroll into view",
    "headings": [
      "Usage",
      "API",
      "Easing",
      "Parent node",
      "Scroll X axis",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-scroll-into-view.md",
    "searchText": "use-scroll-into-view scrolls given element into view @mantine/hooks /hooks/use-scroll-into-view ui and dom usescrollintoview use scroll into view usage api easing parent node scroll x axis definition exported types"
  },
  {
    "id": "hooks-use-scroll-spy",
    "name": "use-scroll-spy",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-scroll-spy",
    "docsUrl": "https://mantine.dev/hooks/use-scroll-spy",
    "description": "Track scroll position and detect which heading is currently in the viewport, can be used for table of contents",
    "searchTags": "useScrollSpy use scroll spy",
    "headings": [
      "Usage",
      "Hook options",
      "Custom scroll host",
      "Reinitializing hook data",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-scroll-spy.md",
    "searchText": "use-scroll-spy track scroll position and detect which heading is currently in the viewport, can be used for table of contents @mantine/hooks /hooks/use-scroll-spy ui and dom usescrollspy use scroll spy usage hook options custom scroll host reinitializing hook data definition exported types"
  },
  {
    "id": "hooks-use-scroller",
    "name": "use-scroller",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-scroller",
    "docsUrl": "https://mantine.dev/hooks/use-scroller",
    "description": "Manages horizontal scroll behavior with scroll state tracking and drag-to-scroll functionality",
    "searchTags": "useScroller use scroller",
    "headings": [
      "Usage",
      "Scroll amount",
      "Draggable",
      "Scroller component",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-scroller.md",
    "searchText": "use-scroller manages horizontal scroll behavior with scroll state tracking and drag-to-scroll functionality @mantine/hooks /hooks/use-scroller ui and dom usescroller use scroller usage scroll amount draggable scroller component definition exported types"
  },
  {
    "id": "hooks-use-selection",
    "name": "use-selection",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-selection",
    "docsUrl": "https://mantine.dev/hooks/use-selection",
    "description": "Manages selection state of given dataset",
    "searchTags": "useSelection use selection",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-selection.md",
    "searchText": "use-selection manages selection state of given dataset @mantine/hooks /hooks/use-selection state management useselection use selection usage definition exported types"
  },
  {
    "id": "hooks-use-set",
    "name": "use-set",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-set",
    "docsUrl": "https://mantine.dev/hooks/use-set",
    "description": "Use Set as React state",
    "searchTags": "useSet use set",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-set.md",
    "searchText": "use-set use set as react state @mantine/hooks /hooks/use-set state management useset use set usage definition"
  },
  {
    "id": "hooks-use-set-state",
    "name": "use-set-state",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-set-state",
    "docsUrl": "https://mantine.dev/hooks/use-set-state",
    "description": "Manages state with setState-like API",
    "searchTags": "useSetState use set state",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-set-state.md",
    "searchText": "use-set-state manages state with setstate-like api @mantine/hooks /hooks/use-set-state state management usesetstate use set state usage definition exported types"
  },
  {
    "id": "hooks-use-shallow-effect",
    "name": "use-shallow-effect",
    "kind": "hook",
    "group": "hooks",
    "category": "Lifecycle",
    "package": "@mantine/hooks",
    "route": "/hooks/use-shallow-effect",
    "docsUrl": "https://mantine.dev/hooks/use-shallow-effect",
    "description": "useEffect drop in replacement with dependencies shallow comparison",
    "searchTags": "useShallowEffect use shallow effect",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-shallow-effect.md",
    "searchText": "use-shallow-effect useeffect drop in replacement with dependencies shallow comparison @mantine/hooks /hooks/use-shallow-effect lifecycle useshalloweffect use shallow effect usage definition"
  },
  {
    "id": "hooks-use-splitter",
    "name": "use-splitter",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-splitter",
    "docsUrl": "https://mantine.dev/hooks/use-splitter",
    "description": "Create resizable split pane layouts with keyboard support, collapsible panels and constraints",
    "searchTags": "useSplitter use splitter",
    "headings": [
      "Usage",
      "CSS units",
      "Vertical orientation",
      "Collapsible panels",
      "Multiple panels",
      "Redistribute",
      "Grip only handle",
      "Nested layout",
      "Code editor layout",
      "Controlled mode",
      "Keyboard support",
      "Touch support",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-splitter.md",
    "searchText": "use-splitter create resizable split pane layouts with keyboard support, collapsible panels and constraints @mantine/hooks /hooks/use-splitter ui and dom usesplitter use splitter usage css units vertical orientation collapsible panels multiple panels redistribute grip only handle nested layout code editor layout controlled mode keyboard support touch support definition exported types"
  },
  {
    "id": "hooks-use-state-history",
    "name": "use-state-history",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-state-history",
    "docsUrl": "https://mantine.dev/hooks/use-state-history",
    "description": "Move back/forward in state history",
    "searchTags": "useStateHistory use state history",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-state-history.md",
    "searchText": "use-state-history move back/forward in state history @mantine/hooks /hooks/use-state-history state management usestatehistory use state history usage definition exported types"
  },
  {
    "id": "hooks-use-text-selection",
    "name": "use-text-selection",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-text-selection",
    "docsUrl": "https://mantine.dev/hooks/use-text-selection",
    "description": "Returns current selected text on the page",
    "searchTags": "useTextSelection use text selection",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-text-selection.md",
    "searchText": "use-text-selection returns current selected text on the page @mantine/hooks /hooks/use-text-selection utilities usetextselection use text selection usage definition"
  },
  {
    "id": "hooks-use-throttled-callback",
    "name": "use-throttled-callback",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-throttled-callback",
    "docsUrl": "https://mantine.dev/hooks/use-throttled-callback",
    "description": "Throttles function calls",
    "searchTags": "useThrottledCallback use throttled callback",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-throttled-callback.md",
    "searchText": "use-throttled-callback throttles function calls @mantine/hooks /hooks/use-throttled-callback state management usethrottledcallback use throttled callback usage definition"
  },
  {
    "id": "hooks-use-throttled-state",
    "name": "use-throttled-state",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-throttled-state",
    "docsUrl": "https://mantine.dev/hooks/use-throttled-state",
    "description": "Throttles state changes",
    "searchTags": "useThrottledState use throttled state",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-throttled-state.md",
    "searchText": "use-throttled-state throttles state changes @mantine/hooks /hooks/use-throttled-state state management usethrottledstate use throttled state usage definition"
  },
  {
    "id": "hooks-use-throttled-value",
    "name": "use-throttled-value",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-throttled-value",
    "docsUrl": "https://mantine.dev/hooks/use-throttled-value",
    "description": "Throttles value changes",
    "searchTags": "useThrottledValue use throttled value",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-throttled-value.md",
    "searchText": "use-throttled-value throttles value changes @mantine/hooks /hooks/use-throttled-value state management usethrottledvalue use throttled value usage definition"
  },
  {
    "id": "hooks-use-timeout",
    "name": "use-timeout",
    "kind": "hook",
    "group": "hooks",
    "category": "Utilities",
    "package": "@mantine/hooks",
    "route": "/hooks/use-timeout",
    "docsUrl": "https://mantine.dev/hooks/use-timeout",
    "description": "Calls function in given timeout",
    "searchTags": "useTimeout use timeout",
    "headings": [
      "Usage",
      "API",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-timeout.md",
    "searchText": "use-timeout calls function in given timeout @mantine/hooks /hooks/use-timeout utilities usetimeout use timeout usage api definition exported types"
  },
  {
    "id": "hooks-use-toggle",
    "name": "use-toggle",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-toggle",
    "docsUrl": "https://mantine.dev/hooks/use-toggle",
    "description": "Switches between given values",
    "searchTags": "useToggle use toggle",
    "headings": [
      "Usage",
      "API",
      "Set type",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-toggle.md",
    "searchText": "use-toggle switches between given values @mantine/hooks /hooks/use-toggle state management usetoggle use toggle usage api set type definition exported types"
  },
  {
    "id": "hooks-use-uncontrolled",
    "name": "use-uncontrolled",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-uncontrolled",
    "docsUrl": "https://mantine.dev/hooks/use-uncontrolled",
    "description": "Manage state of both controlled and uncontrolled components",
    "searchTags": "useUncontrolled use uncontrolled",
    "headings": [
      "Usage",
      "Set value type",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-uncontrolled.md",
    "searchText": "use-uncontrolled manage state of both controlled and uncontrolled components @mantine/hooks /hooks/use-uncontrolled state management useuncontrolled use uncontrolled usage set value type definition exported types"
  },
  {
    "id": "hooks-use-validated-state",
    "name": "use-validated-state",
    "kind": "hook",
    "group": "hooks",
    "category": "State management",
    "package": "@mantine/hooks",
    "route": "/hooks/use-validated-state",
    "docsUrl": "https://mantine.dev/hooks/use-validated-state",
    "description": "Manages state with validation",
    "searchTags": "useValidatedState use validated state",
    "headings": [
      "Usage",
      "Example",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-validated-state.md",
    "searchText": "use-validated-state manages state with validation @mantine/hooks /hooks/use-validated-state state management usevalidatedstate use validated state usage example definition exported types"
  },
  {
    "id": "hooks-use-viewport-size",
    "name": "use-viewport-size",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-viewport-size",
    "docsUrl": "https://mantine.dev/hooks/use-viewport-size",
    "description": "Returns viewport width and height and subscribes to changes",
    "searchTags": "useViewportSize use viewport size",
    "headings": [
      "Usage",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-viewport-size.md",
    "searchText": "use-viewport-size returns viewport width and height and subscribes to changes @mantine/hooks /hooks/use-viewport-size ui and dom useviewportsize use viewport size usage definition"
  },
  {
    "id": "hooks-use-window-event",
    "name": "use-window-event",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-window-event",
    "docsUrl": "https://mantine.dev/hooks/use-window-event",
    "description": "Adds event listener to the window object on component mount and removes the event when the component unmounts",
    "searchTags": "useWindowEvent use window event",
    "headings": [
      "Usage",
      "Example",
      "Definition"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-window-event.md",
    "searchText": "use-window-event adds event listener to the window object on component mount and removes the event when the component unmounts @mantine/hooks /hooks/use-window-event ui and dom usewindowevent use window event usage example definition"
  },
  {
    "id": "hooks-use-window-scroll",
    "name": "use-window-scroll",
    "kind": "hook",
    "group": "hooks",
    "category": "UI and Dom",
    "package": "@mantine/hooks",
    "route": "/hooks/use-window-scroll",
    "docsUrl": "https://mantine.dev/hooks/use-window-scroll",
    "description": "Tracks window scroll position",
    "searchTags": "useWindowScroll use window scroll",
    "headings": [
      "Usage",
      "Definition",
      "Exported types"
    ],
    "propsCount": 0,
    "hasSignature": true,
    "llmUrl": "https://mantine.dev/llms/hooks-use-window-scroll.md",
    "searchText": "use-window-scroll tracks window scroll position @mantine/hooks /hooks/use-window-scroll ui and dom usewindowscroll use window scroll usage definition exported types"
  },
  {
    "id": "oxc-config-mantine",
    "name": "oxc-config-mantine",
    "kind": "guide",
    "group": "gettingStarted",
    "category": "Integrations",
    "route": "/oxc-config-mantine",
    "docsUrl": "https://mantine.dev/oxc-config-mantine",
    "description": "",
    "headings": [
      "Installation",
      "oxlint configuration",
      "oxfmt configuration",
      "Running oxlint and oxfmt",
      "Rules and source code"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/oxc-config-mantine.md",
    "searchText": "oxc-config-mantine /oxc-config-mantine integrations installation oxlint configuration oxfmt configuration running oxlint and oxfmt rules and source code"
  },
  {
    "id": "schedule-agenda-view",
    "name": "AgendaView",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/agenda-view",
    "docsUrl": "https://mantine.dev/schedule/agenda-view",
    "description": "Vertical list view of events grouped by date",
    "headings": [
      "Usage",
      "All-day and multi-day events",
      "Date formats",
      "Custom event rendering",
      "Event click",
      "Localization",
      "Static mode"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-agenda-view.md",
    "searchText": "agendaview vertical list view of events grouped by date @mantine/schedule /schedule/agenda-view schedule usage all-day and multi-day events date formats custom event rendering event click localization static mode"
  },
  {
    "id": "schedule-day-view",
    "name": "DayView",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/day-view",
    "docsUrl": "https://mantine.dev/schedule/day-view",
    "description": "Standalone schedule day view component",
    "searchTags": "calendar, agenda, appointments, events, planner, timetable",
    "headings": [
      "Usage",
      "Time range",
      "Start scroll time",
      "Interval minutes",
      "Slot label interval",
      "Sub-hour grid lines",
      "All-day events",
      "Overlapping events",
      "Current time indicator",
      "Current time indicator in a different timezone",
      "Business hours",
      "Business hours colors",
      "Custom time slot props",
      "Slot height",
      "Without header",
      "Custom header",
      "Header format",
      "Slot label format",
      "Radius",
      "Overlap mode",
      "Drag and drop",
      "Drag interval",
      "External drag and drop",
      "Bidirectional drag and drop",
      "Selective drag permissions",
      "Event resize",
      "Resize interval",
      "Selective resize permissions",
      "Custom event rendering",
      "Full event customization",
      "Recurring events",
      "Background events",
      "Interactive background events",
      "Resizable background events",
      "Custom background event styles with drag and drop blocking",
      "Agenda view",
      "Static mode",
      "Custom labels",
      "Localization",
      "Controlled date",
      "View change",
      "Create and update events",
      "Responsive styles",
      "Accessibility"
    ],
    "propsCount": 60,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-day-view.md",
    "searchText": "dayview standalone schedule day view component @mantine/schedule /schedule/day-view schedule calendar, agenda, appointments, events, planner, timetable usage time range start scroll time interval minutes slot label interval sub-hour grid lines all-day events overlapping events current time indicator current time indicator in a different timezone business hours business hours colors custom time slot props slot height without header custom header header format slot label format radius overlap mode drag and drop drag interval external drag and drop bidirectional drag and drop selective drag permissions event resize resize interval selective resize permissions custom event rendering full event customization recurring events background events interactive background events resizable background events custom background event styles with drag and drop blocking agenda view static mode custom labels localization controlled date view change create and update events responsive styles accessibility alldayslotheight businesshours candragevent candropevent candropexternalevent canresizeevent canresizeeventto date endtime eventdraginterval eventoverlapmode eventoverlapraisedelay eventresizeinterval events getcurrenttime gettimeslotprops headerformat highlightbusinesshours intervalminutes labels locale mode moreeventsprops nextcontrolprops onalldayslotclick ondatechange oneventclick oneventdragend oneventdragstart oneventdrop oneventplacementrejected oneventresize onexternaleventdrop onslotdragend ontimeslotclick onviewchange preventeventoverlap previouscontrolprops radius recurrenceexpansionlimit renderevent rendereventbody scrollareaprops slotheight slotlabelformat slotlabelinterval startscrolltime starttime todaycontrolprops viewselectprops withagenda withalldayslot withcurrenttimebubble withcurrenttimeindicator withdragslotselect witheventresize witheventsdraganddrop withheader withinteractivebackgroundevents withsubhourgridlines"
  },
  {
    "id": "schedule-events-data",
    "name": "Events data",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/events-data",
    "docsUrl": "https://mantine.dev/schedule/events-data",
    "description": "Event data shapes and callback payloads for @mantine/schedule",
    "searchTags": "event, ScheduleEventData, ScheduleEventBase, ScheduleSingleEventData, ScheduleRecurringSeriesEventData, ScheduleRecurringOverrideEventData, EventPayload, payload, recurringInstance, onEventDrop, onEventClick, onEventResize, onTimeSlotClick, onSlotDragEnd, callbacks, types",
    "headings": [
      "Overview",
      "ScheduleEventBase",
      "ScheduleSingleEventData",
      "ScheduleRecurringSeriesEventData",
      "ScheduleRecurringOverrideEventData",
      "EventPayload",
      "Recurring instance metadata",
      "Callback payloads",
      "Date and time value formats"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-events-data.md",
    "searchText": "events data event data shapes and callback payloads for @mantine/schedule @mantine/schedule /schedule/events-data schedule event, scheduleeventdata, scheduleeventbase, schedulesingleeventdata, schedulerecurringserieseventdata, schedulerecurringoverrideeventdata, eventpayload, payload, recurringinstance, oneventdrop, oneventclick, oneventresize, ontimeslotclick, onslotdragend, callbacks, types overview scheduleeventbase schedulesingleeventdata schedulerecurringserieseventdata schedulerecurringoverrideeventdata eventpayload recurring instance metadata callback payloads date and time value formats"
  },
  {
    "id": "schedule-getting-started",
    "name": "Getting started",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/getting-started",
    "docsUrl": "https://mantine.dev/schedule/getting-started",
    "description": "Get started with @mantine/schedule package",
    "headings": [
      "Installation",
      "Do not forget to import styles",
      "dayjs"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-getting-started.md",
    "searchText": "getting started get started with @mantine/schedule package @mantine/schedule /schedule/getting-started schedule installation do not forget to import styles dayjs"
  },
  {
    "id": "schedule-mobile-month-view",
    "name": "MobileMonthView",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/mobile-month-view",
    "docsUrl": "https://mantine.dev/schedule/mobile-month-view",
    "description": "Mobile-optimized schedule month view component",
    "searchTags": "calendar, agenda, appointments, events, planner, timetable",
    "headings": [
      "Usage",
      "With week numbers",
      "With outside days",
      "Hide weekend days",
      "Highlight today",
      "First day of week",
      "Custom header",
      "Consistent weeks",
      "Weekday format",
      "Without week days",
      "Static mode",
      "Localization",
      "Accessibility"
    ],
    "propsCount": 29,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-mobile-month-view.md",
    "searchText": "mobilemonthview mobile-optimized schedule month view component @mantine/schedule /schedule/mobile-month-view schedule calendar, agenda, appointments, events, planner, timetable usage with week numbers with outside days hide weekend days highlight today first day of week custom header consistent weeks weekday format without week days static mode localization accessibility consistentweeks date defaultselecteddate events eventsheaderformat firstdayofweek getdayprops getweeknumberprops highlighttoday labels locale mode ondatechange ondayclick oneventclick onselecteddatechange onweeknumberclick onyearclick radius recurrenceexpansionlimit renderevent renderheader selecteddate weekdayformat weekenddays withoutsidedays withweekdays withweeknumbers withweekenddays"
  },
  {
    "id": "schedule-month-view",
    "name": "MonthView",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/month-view",
    "docsUrl": "https://mantine.dev/schedule/month-view",
    "description": "Standalone schedule month view component",
    "searchTags": "calendar, agenda, appointments, events, planner, timetable",
    "headings": [
      "Usage",
      "With week numbers",
      "Without week days",
      "Hide weekend days",
      "First day of week",
      "Weekday format",
      "Consistent weeks",
      "Highlight today",
      "Without outside days",
      "Radius",
      "Without header",
      "Custom header",
      "Max events per day",
      "Many events",
      "Drag and drop",
      "External drag and drop",
      "Bidirectional drag and drop",
      "Full event customization",
      "Timed events",
      "Recurring events",
      "Background events",
      "Interactive background events",
      "Agenda view",
      "Static mode",
      "Localization",
      "Create and update events",
      "Responsive styles",
      "Accessibility"
    ],
    "propsCount": 48,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-month-view.md",
    "searchText": "monthview standalone schedule month view component @mantine/schedule /schedule/month-view schedule calendar, agenda, appointments, events, planner, timetable usage with week numbers without week days hide weekend days first day of week weekday format consistent weeks highlight today without outside days radius without header custom header max events per day many events drag and drop external drag and drop bidirectional drag and drop full event customization timed events recurring events background events interactive background events agenda view static mode localization create and update events responsive styles accessibility candragevent candropevent candropexternalevent consistentweeks date events firstdayofweek getdayprops getweeknumberprops highlighttoday labels locale maxeventsperday mode monthyearselectprops moreeventsprops nextcontrolprops ondatechange ondayclick oneventclick oneventdragend oneventdragstart oneventdrop oneventplacementrejected onexternaleventdrop onslotdragend onviewchange onweeknumberclick preventeventoverlap previouscontrolprops radius recurrenceexpansionlimit renderevent rendereventbody scrollareaprops todaycontrolprops viewselectprops weekdayformat weekenddays withagenda withdragslotselect witheventsdraganddrop withheader withinteractivebackgroundevents withoutsidedays withweekdays withweeknumbers withweekenddays"
  },
  {
    "id": "schedule-recurring-events",
    "name": "Recurring events",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/recurring-events",
    "docsUrl": "https://mantine.dev/schedule/recurring-events",
    "description": "Recurring events guide for @mantine/schedule",
    "searchTags": "calendar, recurring, rrule, repeat, recurrence, repeating events",
    "headings": [
      "Recurring events",
      "Series event",
      "Override event",
      "How rendering works",
      "expandRecurringEvents utility",
      "recurrenceExpansionLimit prop",
      "Schedule demo",
      "DayView demo",
      "WeekView demo",
      "MonthView demo",
      "YearView demo"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-recurring-events.md",
    "searchText": "recurring events recurring events guide for @mantine/schedule @mantine/schedule /schedule/recurring-events schedule calendar, recurring, rrule, repeat, recurrence, repeating events recurring events series event override event how rendering works expandrecurringevents utility recurrenceexpansionlimit prop schedule demo dayview demo weekview demo monthview demo yearview demo"
  },
  {
    "id": "schedule-resources-day-view",
    "name": "ResourcesDayView",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/resources-day-view",
    "docsUrl": "https://mantine.dev/schedule/resources-day-view",
    "description": "Day view with resource columns for scheduling across resources",
    "headings": [
      "Usage",
      "All-day events",
      "Interactive background events",
      "Resizable background events",
      "Time range and intervals",
      "Multi-hour intervals",
      "Start scroll time",
      "Slot width and row height",
      "Custom resource label",
      "Resource groups",
      "Custom event rendering",
      "Drag and drop",
      "Drag interval",
      "External drag and drop",
      "Bidirectional drag and drop",
      "Event resize",
      "Resize interval",
      "Event form",
      "Business hours",
      "Current time indicator",
      "Current time indicator in a different timezone",
      "Event permissions",
      "Recurring events",
      "Max events per time slot",
      "Radius",
      "Scroll area props",
      "Localization",
      "Static mode"
    ],
    "propsCount": 59,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-resources-day-view.md",
    "searchText": "resourcesdayview day view with resource columns for scheduling across resources @mantine/schedule /schedule/resources-day-view schedule usage all-day events interactive background events resizable background events time range and intervals multi-hour intervals start scroll time slot width and row height custom resource label resource groups custom event rendering drag and drop drag interval external drag and drop bidirectional drag and drop event resize resize interval event form business hours current time indicator current time indicator in a different timezone event permissions recurring events max events per time slot radius scroll area props localization static mode businesshours candragevent candropevent candropexternalevent canresizeevent canresizeeventto date endtime eventdraginterval eventresizeinterval events getcurrenttime grouplabelwidth groups headerformat highlightbusinesshours intervalminutes labels locale maxeventspertimeslot mineventsize mode moreeventsprops nextcontrolprops ondatechange oneventclick oneventdragend oneventdragstart oneventdrop oneventplacementrejected oneventresize onexternaleventdrop onslotdragend ontimeslotclick onviewchange preventeventoverlap previouscontrolprops radius recurrenceexpansionlimit renderevent rendereventbody rendergrouplabel renderresourcelabel resources rowheight scrollareaprops slotlabelformat slotwidth startscrolltime starttime todaycontrolprops viewselectprops withcurrenttimebubble withcurrenttimeindicator withdragslotselect witheventresize witheventsdraganddrop withheader withinteractivebackgroundevents"
  },
  {
    "id": "schedule-resources-month-view",
    "name": "ResourcesMonthView",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/resources-month-view",
    "docsUrl": "https://mantine.dev/schedule/resources-month-view",
    "description": "Month view with resource lanes for scheduling across resources",
    "headings": [
      "Usage",
      "Static mode",
      "Drag and drop",
      "Event resize",
      "Event form",
      "Custom event rendering",
      "Custom resource label",
      "Resource groups",
      "Localization",
      "Recurring events",
      "Max events per cell",
      "Day width and row height",
      "Start scroll date",
      "Without weekend days",
      "More events indicator",
      "More events props",
      "Custom header",
      "Radius",
      "Scroll area props"
    ],
    "propsCount": 50,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-resources-month-view.md",
    "searchText": "resourcesmonthview month view with resource lanes for scheduling across resources @mantine/schedule /schedule/resources-month-view schedule usage static mode drag and drop event resize event form custom event rendering custom resource label resource groups localization recurring events max events per cell day width and row height start scroll date without weekend days more events indicator more events props custom header radius scroll area props candragevent candropevent candropexternalevent canresizeevent canresizeeventto date daywidth events grouplabelwidth groups highlighttoday labels locale maxeventspertimeslot mode monthyearselectprops moreeventsprops nextcontrolprops ondatechange ondayclick oneventclick oneventdragend oneventdragstart oneventdrop oneventplacementrejected oneventresize onexternaleventdrop onslotdragend onviewchange preventeventoverlap previouscontrolprops radius recurrenceexpansionlimit renderevent rendereventbody rendergrouplabel renderresourcelabel resources rowheight scrollareaprops startscrolldate todaycontrolprops viewselectprops weekdayformat weekenddays withdragslotselect witheventresize witheventsdraganddrop withheader withweekenddays"
  },
  {
    "id": "schedule-resources-schedule",
    "name": "ResourcesSchedule",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/resources-schedule",
    "docsUrl": "https://mantine.dev/schedule/resources-schedule",
    "description": "Schedule wrapper component that combines resource day, week and month views",
    "headings": [
      "Usage",
      "Controlled state",
      "Drag and drop",
      "Week view",
      "View-specific props",
      "Event form",
      "External drag and drop",
      "Event resize",
      "Drop validation",
      "Static mode"
    ],
    "propsCount": 38,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-resources-schedule.md",
    "searchText": "resourcesschedule schedule wrapper component that combines resource day, week and month views @mantine/schedule /schedule/resources-schedule schedule usage controlled state drag and drop week view view-specific props event form external drag and drop event resize drop validation static mode candragevent candropevent candropexternalevent canresizeevent canresizeeventto date dayviewprops defaultdate defaultview events labels locale mode monthviewprops ondatechange ondayclick oneventclick oneventdragend oneventdragstart oneventdrop oneventplacementrejected oneventresize onexternaleventdrop onslotdragend ontimeslotclick onviewchange preventeventoverlap radius recurrenceexpansionlimit rendereventbody renderresourcelabel resources view weekviewprops withdragslotselect witheventresize witheventsdraganddrop withinteractivebackgroundevents"
  },
  {
    "id": "schedule-resources-week-view",
    "name": "ResourcesWeekView",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/resources-week-view",
    "docsUrl": "https://mantine.dev/schedule/resources-week-view",
    "description": "Week view with resource rows for scheduling across resources",
    "headings": [
      "Usage",
      "All-day events",
      "Interactive background events",
      "Resizable background events",
      "Drag and drop",
      "Drag interval",
      "Event form",
      "Time range and intervals",
      "Multi-hour intervals",
      "Current time indicator",
      "Current time indicator in a different timezone",
      "First day of week",
      "Custom week label",
      "Business hours",
      "Without weekend days",
      "Custom resource label",
      "Resource groups",
      "Custom event rendering",
      "Recurring events",
      "Max events per time slot",
      "Localization",
      "Radius",
      "Start scroll date time",
      "Scroll area props",
      "Event resize",
      "Resize interval",
      "Static mode"
    ],
    "propsCount": 65,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-resources-week-view.md",
    "searchText": "resourcesweekview week view with resource rows for scheduling across resources @mantine/schedule /schedule/resources-week-view schedule usage all-day events interactive background events resizable background events drag and drop drag interval event form time range and intervals multi-hour intervals current time indicator current time indicator in a different timezone first day of week custom week label business hours without weekend days custom resource label resource groups custom event rendering recurring events max events per time slot localization radius start scroll date time scroll area props event resize resize interval static mode businesshours candragevent candropevent candropexternalevent canresizeevent canresizeeventto date endtime eventdraginterval eventresizeinterval events firstdayofweek getcurrenttime grouplabelwidth groups highlightbusinesshours highlighttoday intervalminutes labels locale maxeventspertimeslot mineventsize mode moreeventsprops nextcontrolprops ondatechange oneventclick oneventdragend oneventdragstart oneventdrop oneventplacementrejected oneventresize onexternaleventdrop onslotdragend ontimeslotclick onviewchange preventeventoverlap previouscontrolprops radius recurrenceexpansionlimit renderevent rendereventbody rendergrouplabel renderresourcelabel renderweeklabel resources rowheight scrollareaprops slotlabelformat slotwidth startscrolldatetime starttime todaycontrolprops viewselectprops weeklabelformat weekdayformat weekenddays withcurrenttimebubble withcurrenttimeindicator withdragslotselect witheventresize witheventsdraganddrop withheader withinteractivebackgroundevents withweekenddays"
  },
  {
    "id": "schedule-schedule",
    "name": "Schedule",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/schedule",
    "docsUrl": "https://mantine.dev/schedule/schedule",
    "description": "Schedule component with day, week, month and year views",
    "searchTags": "calendar, agenda, appointments, events, planner, timetable, booking, meetings, big calendar, scheduler",
    "headings": [
      "Usage",
      "Controlled state",
      "View-specific props",
      "Default view",
      "Custom header",
      "Agenda view",
      "Drag and drop",
      "Create and update events",
      "External drag and drop",
      "Bidirectional drag and drop",
      "Event resize",
      "Drop validation",
      "Recurring events",
      "Background events",
      "Responsive layout",
      "View components"
    ],
    "propsCount": 41,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-schedule.md",
    "searchText": "schedule schedule component with day, week, month and year views @mantine/schedule /schedule/schedule schedule calendar, agenda, appointments, events, planner, timetable, booking, meetings, big calendar, scheduler usage controlled state view-specific props default view custom header agenda view drag and drop create and update events external drag and drop bidirectional drag and drop event resize drop validation recurring events background events responsive layout view components candragevent candropevent candropexternalevent canresizeevent canresizeeventto date dayviewprops defaultdate defaultview events labels layout locale mobilemonthviewprops mode monthviewprops onalldayslotclick ondatechange ondayclick oneventclick oneventdragend oneventdragstart oneventdrop oneventplacementrejected oneventresize onexternaleventdrop onslotdragend ontimeslotclick onviewchange preventeventoverlap radius recurrenceexpansionlimit rendereventbody view weekviewprops withagenda withdragslotselect witheventresize witheventsdraganddrop withinteractivebackgroundevents yearviewprops"
  },
  {
    "id": "schedule-week-view",
    "name": "WeekView",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/week-view",
    "docsUrl": "https://mantine.dev/schedule/week-view",
    "description": "Standalone schedule week view component",
    "searchTags": "calendar, agenda, appointments, events, planner, timetable",
    "headings": [
      "Usage",
      "Controlled date",
      "Time range",
      "Start scroll time",
      "Interval minutes",
      "Slot label interval",
      "Sub-hour grid lines",
      "First day of week",
      "Weekday format",
      "Without weekend days",
      "Highlight today",
      "Without week number",
      "Current time indicator",
      "Force current time indicator",
      "Current time indicator in a different timezone",
      "Without all-day slots",
      "All-day events",
      "Without header",
      "View change callback",
      "Custom header",
      "Week label format",
      "Slot label format",
      "Slot height",
      "Radius",
      "Business hours",
      "Business hours per day",
      "Business hours colors",
      "Custom time slot props",
      "Overlapping events",
      "Overlap mode",
      "Drag and drop",
      "Drag interval",
      "Restrict draggable events",
      "External drag and drop",
      "Bidirectional drag and drop",
      "Event resize",
      "Resize interval",
      "Restrict resizable events",
      "Full event customization",
      "Custom event body",
      "Recurring events",
      "Background events",
      "Interactive background events",
      "Resizable background events",
      "Custom background event styles with drag and drop blocking",
      "Agenda view",
      "Static mode",
      "Localization",
      "Create and update events",
      "Responsive styles",
      "Accessibility"
    ],
    "propsCount": 67,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-week-view.md",
    "searchText": "weekview standalone schedule week view component @mantine/schedule /schedule/week-view schedule calendar, agenda, appointments, events, planner, timetable usage controlled date time range start scroll time interval minutes slot label interval sub-hour grid lines first day of week weekday format without weekend days highlight today without week number current time indicator force current time indicator current time indicator in a different timezone without all-day slots all-day events without header view change callback custom header week label format slot label format slot height radius business hours business hours per day business hours colors custom time slot props overlapping events overlap mode drag and drop drag interval restrict draggable events external drag and drop bidirectional drag and drop event resize resize interval restrict resizable events full event customization custom event body recurring events background events interactive background events resizable background events custom background event styles with drag and drop blocking agenda view static mode localization create and update events responsive styles accessibility alldayslotheight businesshours candragevent candropevent candropexternalevent canresizeevent canresizeeventto date endtime eventdraginterval eventoverlapmode eventoverlapraisedelay eventresizeinterval events firstdayofweek forcecurrenttimeindicator getcurrenttime gettimeslotprops highlightbusinesshours highlighttoday intervalminutes labels locale mode nextcontrolprops onalldayslotclick ondatechange oneventclick oneventdragend oneventdragstart oneventdrop oneventplacementrejected oneventresize onexternaleventdrop onslotdragend ontimeslotclick onviewchange preventeventoverlap previouscontrolprops radius recurrenceexpansionlimit renderevent rendereventbody renderweeklabel scrollareaprops slotheight slotlabelformat slotlabelinterval startscrolltime starttime todaycontrolprops viewselectprops weeklabelformat weekdayformat weekenddays withagenda withalldayslots withcurrenttimebubble withcurrenttimeindicator withdragslotselect witheventresize witheventsdraganddrop withheader withinteractivebackgroundevents withsubhourgridlines withweeknumber withweekenddays"
  },
  {
    "id": "schedule-year-view",
    "name": "YearView",
    "kind": "component",
    "group": "extensions",
    "category": "Schedule",
    "package": "@mantine/schedule",
    "route": "/schedule/year-view",
    "docsUrl": "https://mantine.dev/schedule/year-view",
    "description": "Standalone schedule year view component",
    "searchTags": "calendar, agenda, appointments, events, planner, timetable",
    "headings": [
      "Usage",
      "With week numbers",
      "Without week days",
      "Render day",
      "Hide weekend days",
      "Hide outside days",
      "First day of week",
      "Weekday format",
      "Highlight today",
      "Without header",
      "Custom header",
      "Recurring events",
      "Static mode",
      "Localization",
      "Responsive styles",
      "Accessibility"
    ],
    "propsCount": 30,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/schedule-year-view.md",
    "searchText": "yearview standalone schedule year view component @mantine/schedule /schedule/year-view schedule calendar, agenda, appointments, events, planner, timetable usage with week numbers without week days render day hide weekend days hide outside days first day of week weekday format highlight today without header custom header recurring events static mode localization responsive styles accessibility date events firstdayofweek getdayprops getweeknumberprops highlighttoday labels locale mode monthlabelformat monthyearselectprops nextcontrolprops ondatechange ondayclick onmonthclick onviewchange onweeknumberclick previouscontrolprops radius recurrenceexpansionlimit renderday todaycontrolprops viewselectprops weekdayformat weekenddays withheader withoutsidedays withweekdays withweeknumbers withweekenddays"
  },
  {
    "id": "styles-color-functions",
    "name": "Color functions",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/color-functions",
    "docsUrl": "https://mantine.dev/styles/color-functions",
    "description": "",
    "searchTags": "darken, lighten, alpha, parseThemeColor, getThemeColor, getGradient, isLightColor, luminance",
    "headings": [
      "darken and lighten",
      "alpha",
      "parseThemeColor",
      "getThemeColor",
      "getGradient",
      "isLightColor",
      "luminance"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-color-functions.md",
    "searchText": "color functions /styles/color-functions styling darken, lighten, alpha, parsethemecolor, getthemecolor, getgradient, islightcolor, luminance darken and lighten alpha parsethemecolor getthemecolor getgradient islightcolor luminance"
  },
  {
    "id": "styles-css-files-list",
    "name": "CSS files list",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/css-files-list",
    "docsUrl": "https://mantine.dev/styles/css-files-list",
    "description": "",
    "headings": [
      "Components dependencies",
      "Global styles",
      "Import order",
      "Files list"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-css-files-list.md",
    "searchText": "css files list /styles/css-files-list styling components dependencies global styles import order files list"
  },
  {
    "id": "styles-css-modules",
    "name": "CSS modules",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/css-modules",
    "docsUrl": "https://mantine.dev/styles/css-modules",
    "description": "",
    "headings": [
      "Usage",
      "How CSS modules work",
      "Referencing global class names",
      "Adding styles to Mantine components",
      "Styling Mantine components without CSS modules"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-css-modules.md",
    "searchText": "css modules /styles/css-modules styling usage how css modules work referencing global class names adding styles to mantine components styling mantine components without css modules"
  },
  {
    "id": "styles-css-variables",
    "name": "CSS variables",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/css-variables",
    "docsUrl": "https://mantine.dev/styles/css-variables",
    "description": "",
    "headings": [
      "Typography variables",
      "Colors variables",
      "Spacing variables",
      "Border radius variables",
      "Shadow variables",
      "z-index variables",
      "CSS variables resolver"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-css-variables.md",
    "searchText": "css variables /styles/css-variables styling typography variables colors variables spacing variables border radius variables shadow variables z-index variables css variables resolver"
  },
  {
    "id": "styles-css-variables-list",
    "name": "CSS variables list",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/css-variables-list",
    "docsUrl": "https://mantine.dev/styles/css-variables-list",
    "description": "",
    "headings": [
      "CSS variables not depending on color scheme",
      "Light color scheme only variables",
      "Dark color scheme only variables"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-css-variables-list.md",
    "searchText": "css variables list /styles/css-variables-list styling css variables not depending on color scheme light color scheme only variables dark color scheme only variables"
  },
  {
    "id": "styles-data-attributes",
    "name": "data-* attributes",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/data-attributes",
    "docsUrl": "https://mantine.dev/styles/data-attributes",
    "description": "",
    "searchTags": "mod prop, data attributes, modifiers",
    "headings": [
      "data attributes values",
      "Components data attributes documentation",
      "mod prop"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-data-attributes.md",
    "searchText": "data-* attributes /styles/data-attributes styling mod prop, data attributes, modifiers data attributes values components data attributes documentation mod prop"
  },
  {
    "id": "styles-emotion",
    "name": "Usage with Emotion",
    "kind": "guide",
    "group": "theming",
    "category": "Styles integrations",
    "route": "/styles/emotion",
    "docsUrl": "https://mantine.dev/styles/emotion",
    "description": "",
    "headings": [
      "Caveats and support",
      "Usage with Vite",
      "Usage with Next.js pages router",
      "Usage with Next.js app router",
      "sx prop",
      "styles prop",
      "styles in theme",
      "createStyles",
      "Utilities"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-emotion.md",
    "searchText": "usage with emotion /styles/emotion styles integrations caveats and support usage with vite usage with next.js pages router usage with next.js app router sx prop styles prop styles in theme createstyles utilities"
  },
  {
    "id": "styles-global-styles",
    "name": "Global styles",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/global-styles",
    "docsUrl": "https://mantine.dev/styles/global-styles",
    "description": "",
    "headings": [
      "CSS reset",
      "Body and :root elements styles",
      "Static classes",
      "Add global styles in your application"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-global-styles.md",
    "searchText": "global styles /styles/global-styles styling css reset body and :root elements styles static classes add global styles in your application"
  },
  {
    "id": "styles-mantine-styles",
    "name": "Mantine styles",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/mantine-styles",
    "docsUrl": "https://mantine.dev/styles/mantine-styles",
    "description": "",
    "headings": [
      "Mantine components styles",
      "Import styles per component",
      "Styles import order",
      "CSS layers",
      "How CSS layers work",
      "Loading styles from CDN"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-mantine-styles.md",
    "searchText": "mantine styles /styles/mantine-styles styling mantine components styles import styles per component styles import order css layers how css layers work loading styles from cdn"
  },
  {
    "id": "styles-postcss-preset",
    "name": "PostCSS preset",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/postcss-preset",
    "docsUrl": "https://mantine.dev/styles/postcss-preset",
    "description": "",
    "headings": [
      "Installation",
      "Usage",
      "rem/em functions",
      "Auto convert px to rem",
      "dark and light mixins",
      "smaller-than and larger-than mixins",
      "light-dark function",
      "alpha function",
      "lighten and darken functions",
      "hover mixin",
      "rtl/ltr mixins",
      "not-rtl/not-ltr mixins",
      "where-\\* mixins",
      "Custom mixins",
      "Disable specific features"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-postcss-preset.md",
    "searchText": "postcss preset /styles/postcss-preset styling installation usage rem/em functions auto convert px to rem dark and light mixins smaller-than and larger-than mixins light-dark function alpha function lighten and darken functions hover mixin rtl/ltr mixins not-rtl/not-ltr mixins where-\\* mixins custom mixins disable specific features"
  },
  {
    "id": "styles-rem",
    "name": "rem, em and px units",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/rem",
    "docsUrl": "https://mantine.dev/styles/rem",
    "description": "",
    "headings": [
      "rem units",
      "rem units scaling",
      "em units",
      "px conversions",
      "rem and em function",
      "Convert rem to px",
      "rem/em functions in css files",
      "Convert px to rem automatically in css files"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-rem.md",
    "searchText": "rem, em and px units /styles/rem styling rem units rem units scaling em units px conversions rem and em function convert rem to px rem/em functions in css files convert px to rem automatically in css files"
  },
  {
    "id": "styles-responsive",
    "name": "Responsive styles",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/responsive",
    "docsUrl": "https://mantine.dev/styles/responsive",
    "description": "",
    "searchTags": "use-matches, useMatches, use-media-query, useMediaQuery, hiddenFrom, visibleFrom, container queries, responsive style props",
    "headings": [
      "Media queries",
      "Configure breakpoints",
      "Breakpoints variables in CSS modules",
      "hiddenFrom and visibleFrom props",
      "Hidden and visible from as classes",
      "Component size based on media query",
      "use-media-query hook",
      "use-matches hook",
      "Container queries",
      "Responsive style props"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-responsive.md",
    "searchText": "responsive styles /styles/responsive styling use-matches, usematches, use-media-query, usemediaquery, hiddenfrom, visiblefrom, container queries, responsive style props media queries configure breakpoints breakpoints variables in css modules hiddenfrom and visiblefrom props hidden and visible from as classes component size based on media query use-media-query hook use-matches hook container queries responsive style props"
  },
  {
    "id": "styles-rtl",
    "name": "RTL (right-to-left)",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/rtl",
    "docsUrl": "https://mantine.dev/styles/rtl",
    "description": "",
    "searchTags": "DirectionProvider, useDirection, use-direction, dir attribute, rtl mixin",
    "headings": [
      "DirectionProvider",
      "dir attribute",
      "useDirection hook",
      "rtl mixin"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-rtl.md",
    "searchText": "rtl (right-to-left) /styles/rtl styling directionprovider, usedirection, use-direction, dir attribute, rtl mixin directionprovider dir attribute usedirection hook rtl mixin"
  },
  {
    "id": "styles-sass",
    "name": "Usage with Sass",
    "kind": "guide",
    "group": "theming",
    "category": "Styles integrations",
    "route": "/styles/sass",
    "docsUrl": "https://mantine.dev/styles/sass",
    "description": "",
    "headings": [
      "Sass modules",
      "Usage with Vite",
      "Usage with Next.js"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-sass.md",
    "searchText": "usage with sass /styles/sass styles integrations sass modules usage with vite usage with next.js"
  },
  {
    "id": "styles-style",
    "name": "style prop",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/style",
    "docsUrl": "https://mantine.dev/styles/style",
    "description": "",
    "headings": [
      "Style object",
      "Define CSS variables in style prop",
      "Style function",
      "Styles array"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-style.md",
    "searchText": "style prop /styles/style styling style object define css variables in style prop style function styles array"
  },
  {
    "id": "styles-style-props",
    "name": "Style props",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/style-props",
    "docsUrl": "https://mantine.dev/styles/style-props",
    "description": "",
    "headings": [
      "Supported props",
      "Theme values",
      "Responsive styles"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-style-props.md",
    "searchText": "style props /styles/style-props styling supported props theme values responsive styles"
  },
  {
    "id": "styles-styles-api",
    "name": "Styles API",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/styles-api",
    "docsUrl": "https://mantine.dev/styles/styles-api",
    "description": "",
    "searchTags": "classNames prop, styles prop, selectors, css variables, static classes",
    "headings": [
      "What is Styles API",
      "Styles API selectors",
      "classNames prop",
      "classNames in theme.components",
      "Components CSS variables",
      "styles prop",
      "Styles API based on component props",
      "Static classes",
      "Components classes",
      "Attributes"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-styles-api.md",
    "searchText": "styles api /styles/styles-api styling classnames prop, styles prop, selectors, css variables, static classes what is styles api styles api selectors classnames prop classnames in theme.components components css variables styles prop styles api based on component props static classes components classes attributes"
  },
  {
    "id": "styles-styles-overview",
    "name": "Styles overview",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/styles-overview",
    "docsUrl": "https://mantine.dev/styles/styles-overview",
    "description": "",
    "headings": [
      "Component specific props",
      "Style props",
      "Style prop",
      "CSS modules",
      "Theme tokens"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-styles-overview.md",
    "searchText": "styles overview /styles/styles-overview styling component specific props style props style prop css modules theme tokens"
  },
  {
    "id": "styles-styles-performance",
    "name": "Styles performance",
    "kind": "guide",
    "group": "theming",
    "category": "Other",
    "route": "/styles/styles-performance",
    "docsUrl": "https://mantine.dev/styles/styles-performance",
    "description": "",
    "headings": [
      "CSS modules",
      "Inline styles",
      "Style props",
      "Responsive style props",
      "Components responsive props"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-styles-performance.md",
    "searchText": "styles performance /styles/styles-performance other css modules inline styles style props responsive style props components responsive props"
  },
  {
    "id": "styles-stylex",
    "name": "StyleX",
    "kind": "guide",
    "group": "theming",
    "category": "Styles integrations",
    "route": "/styles/stylex",
    "docsUrl": "https://mantine.dev/styles/stylex",
    "description": "",
    "headings": [
      "StyleX vs CSS Modules",
      "Installation",
      "Vitest",
      "Styling components",
      "Styles API",
      "Components CSS variables",
      "Theme tokens",
      "Light and dark color schemes",
      "Responsive styles",
      "Dynamic styles",
      "CSS layers"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-stylex.md",
    "searchText": "stylex /styles/stylex styles integrations stylex vs css modules installation vitest styling components styles api components css variables theme tokens light and dark color schemes responsive styles dynamic styles css layers"
  },
  {
    "id": "styles-unstyled",
    "name": "Unstyled / headless",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/unstyled",
    "docsUrl": "https://mantine.dev/styles/unstyled",
    "description": "",
    "searchTags": "HeadlessMantineProvider, unstyled prop, headless ui",
    "headings": [
      "Using Mantine as a headless UI library",
      "HeadlessMantineProvider",
      "unstyled prop"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-unstyled.md",
    "searchText": "unstyled / headless /styles/unstyled styling headlessmantineprovider, unstyled prop, headless ui using mantine as a headless ui library headlessmantineprovider unstyled prop"
  },
  {
    "id": "styles-vanilla-extract",
    "name": "Vanilla extract",
    "kind": "guide",
    "group": "theming",
    "category": "Styles integrations",
    "route": "/styles/vanilla-extract",
    "docsUrl": "https://mantine.dev/styles/vanilla-extract",
    "description": "",
    "headings": [
      "Vanilla extract vs CSS Modules",
      "Installation",
      "Templates",
      "Theming",
      "Styling",
      "rem and em",
      "light and dark selectors",
      "largerThan and smallerThan",
      "rtl selector"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-vanilla-extract.md",
    "searchText": "vanilla extract /styles/vanilla-extract styles integrations vanilla extract vs css modules installation templates theming styling rem and em light and dark selectors largerthan and smallerthan rtl selector"
  },
  {
    "id": "styles-variants-sizes",
    "name": "Variants and sizes",
    "kind": "guide",
    "group": "theming",
    "category": "Styling",
    "route": "/styles/variants-sizes",
    "docsUrl": "https://mantine.dev/styles/variants-sizes",
    "description": "",
    "searchTags": "variantColorResolver, custom variants, custom sizes, data-size",
    "headings": [
      "Adding custom variants",
      "Custom variants types",
      "variantColorResolver",
      "Sizes with components CSS variables",
      "Sizes with data-size attribute",
      "Sizes with static CSS variables"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/styles-variants-sizes.md",
    "searchText": "variants and sizes /styles/variants-sizes styling variantcolorresolver, custom variants, custom sizes, data-size adding custom variants custom variants types variantcolorresolver sizes with components css variables sizes with data-size attribute sizes with static css variables"
  },
  {
    "id": "theming-color-schemes",
    "name": "Color schemes",
    "kind": "guide",
    "group": "theming",
    "category": "Theming",
    "route": "/theming/color-schemes",
    "docsUrl": "https://mantine.dev/theming/color-schemes",
    "description": "",
    "searchTags": "useMantineColorScheme, useComputedColorScheme, use-computed-color-scheme, ColorSchemeScript, MantineColorSchemeManager, lightHidden, darkHidden, dark mode, light mode",
    "headings": [
      "data-mantine-color-scheme attribute",
      "use-mantine-color-scheme hook",
      "use-computed-color-scheme hook",
      "Transitions during color scheme change",
      "Color scheme value caveats",
      "ColorSchemeScript",
      "Auto color scheme",
      "Color scheme manager",
      "Default color scheme",
      "Force color scheme",
      "lightHidden and darkHidden props",
      "With disabled JavaScript"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/theming-color-schemes.md",
    "searchText": "color schemes /theming/color-schemes theming usemantinecolorscheme, usecomputedcolorscheme, use-computed-color-scheme, colorschemescript, mantinecolorschememanager, lighthidden, darkhidden, dark mode, light mode data-mantine-color-scheme attribute use-mantine-color-scheme hook use-computed-color-scheme hook transitions during color scheme change color scheme value caveats colorschemescript auto color scheme color scheme manager default color scheme force color scheme lighthidden and darkhidden props with disabled javascript"
  },
  {
    "id": "theming-colors",
    "name": "Colors",
    "kind": "guide",
    "group": "theming",
    "category": "Theming",
    "route": "/theming/colors",
    "docsUrl": "https://mantine.dev/theming/colors",
    "description": "",
    "searchTags": "colorsTuple, virtual colors, variantColorResolver, autoContrast, color prop, c prop",
    "headings": [
      "Adding extra colors",
      "Virtual colors",
      "colorsTuple",
      "Supported color formats",
      "primaryColor",
      "primaryShade",
      "Color prop",
      "Colors index reference",
      "Difference between color and c props",
      "Colors variant resolver",
      "Colors generation",
      "Default colors",
      "Add custom colors types"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/theming-colors.md",
    "searchText": "colors /theming/colors theming colorstuple, virtual colors, variantcolorresolver, autocontrast, color prop, c prop adding extra colors virtual colors colorstuple supported color formats primarycolor primaryshade color prop colors index reference difference between color and c props colors variant resolver colors generation default colors add custom colors types"
  },
  {
    "id": "theming-default-props",
    "name": "Default props",
    "kind": "guide",
    "group": "theming",
    "category": "Theming",
    "route": "/theming/default-props",
    "docsUrl": "https://mantine.dev/theming/default-props",
    "description": "",
    "searchTags": "useProps, use-props, withProps, with-props, theme.components",
    "headings": [
      "Default props with MantineThemeProvider",
      "Default props for compound components",
      "useProps hook",
      "withProps function"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/theming-default-props.md",
    "searchText": "default props /theming/default-props theming useprops, use-props, withprops, with-props, theme.components default props with mantinethemeprovider default props for compound components useprops hook withprops function"
  },
  {
    "id": "theming-mantine-provider",
    "name": "MantineProvider",
    "kind": "guide",
    "group": "theming",
    "category": "Theming",
    "route": "/theming/mantine-provider",
    "docsUrl": "https://mantine.dev/theming/mantine-provider",
    "description": "",
    "searchTags": "MantineProvider, theme provider, cssVariablesResolver, getRootElement",
    "headings": [
      "Usage",
      "MantineProvider props"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/theming-mantine-provider.md",
    "searchText": "mantineprovider /theming/mantine-provider theming mantineprovider, theme provider, cssvariablesresolver, getrootelement usage mantineprovider props"
  },
  {
    "id": "theming-theme-object",
    "name": "Theme object",
    "kind": "guide",
    "group": "theming",
    "category": "Theming",
    "route": "/theming/theme-object",
    "docsUrl": "https://mantine.dev/theming/theme-object",
    "description": "",
    "searchTags": "useMantineTheme, mergeThemeOverrides, createTheme, default theme",
    "headings": [
      "Usage",
      "Theme properties",
      "Store theme override object in a variable",
      "Merge multiple theme overrides",
      "use-mantine-theme hook",
      "Default theme",
      "Access theme outside of components"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/theming-theme-object.md",
    "searchText": "theme object /theming/theme-object theming usemantinetheme, mergethemeoverrides, createtheme, default theme usage theme properties store theme override object in a variable merge multiple theme overrides use-mantine-theme hook default theme access theme outside of components"
  },
  {
    "id": "theming-typography",
    "name": "Typography",
    "kind": "guide",
    "group": "theming",
    "category": "Theming",
    "route": "/theming/typography",
    "docsUrl": "https://mantine.dev/theming/typography",
    "description": "",
    "searchTags": "font family, font sizes, line heights, headings, h1 h2 h3 h4 h5 h6",
    "headings": [
      "Change fonts",
      "System fonts",
      "Font sizes",
      "Line heights",
      "h1-h6 styles"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/theming-typography.md",
    "searchText": "typography /theming/typography theming font family, font sizes, line heights, headings, h1 h2 h3 h4 h5 h6 change fonts system fonts font sizes line heights h1-h6 styles"
  },
  {
    "id": "x-carousel",
    "name": "Carousel",
    "kind": "component",
    "group": "extensions",
    "category": "Other extensions",
    "package": "@mantine/carousel",
    "route": "/x/carousel",
    "docsUrl": "https://mantine.dev/x/carousel",
    "description": "Embla based carousel component",
    "searchTags": "slider, slideshow, gallery, swiper, embla, image carousel",
    "headings": [
      "Installation",
      "Do not forget to import styles",
      "Documentation demos",
      "Usage",
      "Options",
      "Embla options",
      "Size and gap",
      "Responsive styles",
      "Container queries",
      "Drag free",
      "Vertical orientation",
      "Controls icons",
      "100% height",
      "Get embla instance",
      "Indicator styles",
      "Hide inactive controls",
      "Show controls on hover",
      "Example: Images carousel",
      "Example: Cards carousel",
      "Accessibility"
    ],
    "propsCount": 24,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/x-carousel.md",
    "searchText": "carousel embla based carousel component @mantine/carousel /x/carousel other extensions slider, slideshow, gallery, swiper, embla, image carousel installation do not forget to import styles documentation demos usage options embla options size and gap responsive styles container queries drag free vertical orientation controls icons 100% height get embla instance indicator styles hide inactive controls show controls on hover example: images carousel example: cards carousel accessibility children controlsize controlsoffset emblaoptions getemblaapi getindicatorprops height includegapinsize initialslide nextcontrolicon nextcontrolprops onnextslide onpreviousslide onslidechange orientation plugins previouscontrolicon previouscontrolprops slidegap slidesize type withcontrols withindicators withkeyboardevents"
  },
  {
    "id": "x-dropzone",
    "name": "Dropzone",
    "kind": "component",
    "group": "extensions",
    "category": "Other extensions",
    "package": "@mantine/dropzone",
    "route": "/x/dropzone",
    "docsUrl": "https://mantine.dev/x/dropzone",
    "description": "Capture files from user with drag and drop",
    "searchTags": "drag and drop, file upload, file drop zone, upload area, drop files",
    "headings": [
      "Installation",
      "Usage",
      "Dropzone.Accept, Dropzone.Reject and Dropzone.Idle",
      "Loading state",
      "Disabled state",
      "Open file browser manually",
      "Enable child pointer events",
      "Mime types",
      "Styles API",
      "Images previews",
      "Get ref",
      "Dropzone.FullScreen component"
    ],
    "propsCount": 31,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/x-dropzone.md",
    "searchText": "dropzone capture files from user with drag and drop @mantine/dropzone /x/dropzone other extensions drag and drop, file upload, file drop zone, upload area, drop files installation usage dropzone.accept, dropzone.reject and dropzone.idle loading state disabled state open file browser manually enable child pointer events mime types styles api images previews get ref dropzone.fullscreen component accept acceptcolor activateonclick activateondrag activateonkeyboard autofocus disabled drageventsbubbling enablepointerevents getfilesfromevent inputprops loaderprops loading maxfiles maxsize multiple name ondragenter ondragleave ondragover ondrop ondropany onfiledialogcancel onfiledialogopen onreject openref preventdropondocument radius rejectcolor usefsaccessapi validator"
  },
  {
    "id": "x-extensions",
    "name": "Mantine extensions",
    "kind": "component",
    "group": "extensions",
    "category": "",
    "route": "/x/extensions",
    "docsUrl": "https://mantine.dev/x/extensions",
    "description": "",
    "headings": [
      "Official extensions",
      "Community extensions",
      "Create your own extension"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/x-extensions.md",
    "searchText": "mantine extensions /x/extensions official extensions community extensions create your own extension"
  },
  {
    "id": "x-lightbox",
    "name": "Lightbox",
    "kind": "component",
    "group": "extensions",
    "category": "Other extensions",
    "package": "@mantine/lightbox",
    "route": "/x/lightbox",
    "docsUrl": "https://mantine.dev/x/lightbox",
    "description": "Full-screen media lightbox with carousel navigation",
    "searchTags": "gallery, image viewer, media viewer, photo gallery, carousel, zoom, fullscreen",
    "headings": [
      "Installation",
      "Usage",
      "Slide data",
      "Zoom",
      "Thumbnails",
      "All features",
      "Loop navigation",
      "Slide transition",
      "Embla options",
      "z-index",
      "Open and close transition",
      "Disable animations",
      "Swipe to close",
      "Click outside to close",
      "Store API",
      "Multiple lightboxes",
      "Video slides",
      "Custom slides",
      "Custom toolbar",
      "Compound components",
      "Labels",
      "Accessibility",
      "Keyboard shortcuts"
    ],
    "propsCount": 56,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/x-lightbox.md",
    "searchText": "lightbox full-screen media lightbox with carousel navigation @mantine/lightbox /x/lightbox other extensions gallery, image viewer, media viewer, photo gallery, carousel, zoom, fullscreen installation usage slide data zoom thumbnails all features loop navigation slide transition embla options z-index open and close transition disable animations swipe to close click outside to close store api multiple lightboxes video slides custom slides custom toolbar compound components labels accessibility keyboard shortcuts children closeonclickoutside closeonswipedown currentindex emblaoptions labels loop onclose onindexchange opened returnfocus slides toolbaritems transitionduration transitionprops withdownload withfullscreen withinitialfocusplaceholder withkeyboardevents withnavigation withslidetransition withthumbnails withzoom withinportal zindex zoommaxscale children closeonclickoutside closeonswipedown currentindex emblaoptions labels loop onclose onindexchange opened returnfocus slides transitionduration transitionprops withdownload withfullscreen withinitialfocusplaceholder withkeyboardevents withslidetransition withthumbnails withzoom withinportal zindex zoommaxscale toolbaritems children emblaref index slide children"
  },
  {
    "id": "x-modals",
    "name": "Modals manager",
    "kind": "component",
    "group": "extensions",
    "category": "Other extensions",
    "package": "@mantine/modals",
    "route": "/x/modals",
    "docsUrl": "https://mantine.dev/x/modals",
    "description": "Centralized modals manager with option to handle state of multi-step modals",
    "searchTags": "confirm dialog, alert dialog, dialog manager, prompt, confirmation, imperative modal",
    "headings": [
      "Installation",
      "Setup ModalsProvider",
      "Confirm modal",
      "Context modals",
      "Typesafe context modals",
      "Content modals",
      "Multiple opened modals",
      "Modal props",
      "Dynamic content and the modals manager"
    ],
    "propsCount": 4,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/x-modals.md",
    "searchText": "modals manager centralized modals manager with option to handle state of multi-step modals @mantine/modals /x/modals other extensions confirm dialog, alert dialog, dialog manager, prompt, confirmation, imperative modal installation setup modalsprovider confirm modal context modals typesafe context modals content modals multiple opened modals modal props dynamic content and the modals manager children labels modalprops modals"
  },
  {
    "id": "x-notifications",
    "name": "Notifications system",
    "kind": "component",
    "group": "extensions",
    "category": "Other extensions",
    "package": "@mantine/notifications",
    "route": "/x/notifications",
    "docsUrl": "https://mantine.dev/x/notifications",
    "description": "Mantine notifications system",
    "searchTags": "toast, snackbar, alerts, messages, notify, popup notification",
    "headings": [
      "Installation",
      "Do not forget to import styles",
      "Functions",
      "Notification props",
      "Dismiss interactions",
      "Customize notification styles",
      "Notifications container position",
      "Limit and queue",
      "Priority",
      "Remove notifications from state and queue",
      "Update notification",
      "Promise",
      "Auto close",
      "Auto close progress",
      "Pause auto close on hover",
      "Custom notification rendering",
      "Stacked layout",
      "Subscribe to notifications state"
    ],
    "propsCount": 16,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/x-notifications.md",
    "searchText": "notifications system mantine notifications system @mantine/notifications /x/notifications other extensions toast, snackbar, alerts, messages, notify, popup notification installation do not forget to import styles functions notification props dismiss interactions customize notification styles notifications container position limit and queue priority remove notifications from state and queue update notification promise auto close auto close progress pause auto close on hover custom notification rendering stacked layout subscribe to notifications state allowdragdismiss allowscrolldismiss autoclose containerwidth layout limit notificationmaxheight pauseresetonhover portalprops position rendernotification store transitionduration withautocloseprogress withinportal zindex"
  },
  {
    "id": "x-nprogress",
    "name": "NavigationProgress",
    "kind": "component",
    "group": "extensions",
    "category": "Other extensions",
    "package": "@mantine/nprogress",
    "route": "/x/nprogress",
    "docsUrl": "https://mantine.dev/x/nprogress",
    "description": "Navigation progress bar",
    "searchTags": "top progress bar, page loading bar, route progress, nprogress, youtube bar",
    "headings": [
      "Installation",
      "Setup NavigationProgress",
      "Usage"
    ],
    "propsCount": 8,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/x-nprogress.md",
    "searchText": "navigationprogress navigation progress bar @mantine/nprogress /x/nprogress other extensions top progress bar, page loading bar, route progress, nprogress, youtube bar installation setup navigationprogress usage color initialprogress portalprops size stepinterval store withinportal zindex"
  },
  {
    "id": "x-spotlight",
    "name": "Spotlight",
    "kind": "component",
    "group": "extensions",
    "category": "Other extensions",
    "package": "@mantine/spotlight",
    "route": "/x/spotlight",
    "docsUrl": "https://mantine.dev/x/spotlight",
    "description": "Command center for your application",
    "searchTags": "search, command palette, cmdk, cmd k, quick actions, global search, command bar, fuzzy search",
    "headings": [
      "Installation",
      "Usage",
      "Actions",
      "Spotlight store",
      "Keyboard shortcuts",
      "Limit prop",
      "Custom filter function",
      "Fuzzy search with fuse.js",
      "Scrollable actions list",
      "Actions groups",
      "Compound components",
      "Fixed elements offset"
    ],
    "propsCount": 130,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/x-spotlight.md",
    "searchText": "spotlight command center for your application @mantine/spotlight /x/spotlight other extensions search, command palette, cmdk, cmd k, quick actions, global search, command bar, fuzzy search installation usage actions spotlight store keyboard shortcuts limit prop custom filter function fuzzy search with fuse.js scrollable actions list actions groups compound components fixed elements offset actions centered children clearqueryonclose closeonactiontrigger closeonclickoutside closeonescape disabled filter forceopened fullscreen highlightquery id keepmounted keepmountedmode limit lockscroll maxheight nothingfound onentertransitionend onexittransitionend onquerychange onspotlightclose onspotlightopen overlayprops padding portalprops query radius removescrollprops returnfocus scrollareacomponent scrollareaprops scrollable searchprops shadow shortcut size stackid store tagstoignore title transitionprops trapfocus triggeroncontenteditable withoverlay withinportal xoffset yoffset zindex centered children clearqueryonclose closeonactiontrigger closeonclickoutside closeonescape disabled forceopened fullscreen id keepmounted keepmountedmode lockscroll maxheight onentertransitionend onexittransitionend onquerychange onspotlightclose onspotlightopen overlayprops padding portalprops query radius removescrollprops returnfocus scrollareacomponent scrollable shadow shortcut size stackid store tagstoignore title transitionprops trapfocus triggeroncontenteditable withoverlay withinportal xoffset yoffset zindex children closespotlightontrigger description dimmedsections highlightcolor highlightquery keywords label leftsection rightsection children label disabled error id inputsize leftsection leftsectionpointerevents leftsectionprops leftsectionwidth loading loadingposition multiline pointer radius required rightsection rightsectionpointerevents rightsectionprops rightsectionwidth rootref size success witharia witherrorstyles withsuccessstyles wrapperprops"
  },
  {
    "id": "x-tiptap",
    "name": "Rich text editor",
    "kind": "component",
    "group": "extensions",
    "category": "Other extensions",
    "package": "@mantine/tiptap",
    "route": "/x/tiptap",
    "docsUrl": "https://mantine.dev/x/tiptap",
    "description": "Tiptap based rich text editor",
    "searchTags": "wysiwyg, rich text, tiptap, prosemirror, html editor, markdown editor, text editor",
    "headings": [
      "Installation",
      "TipTap editor",
      "Usage",
      "Subtle variant",
      "Controlled",
      "Controls and extensions",
      "Placeholder",
      "Link extension",
      "Text color",
      "Code highlight",
      "Source code mode",
      "Tasks",
      "Image upload",
      "Table",
      "Details",
      "Invisible characters",
      "Removing the paragraph wrapper",
      "Typography styles",
      "Bubble menu",
      "Floating menu",
      "Sticky toolbar",
      "Editor context",
      "Custom controls",
      "Change icons",
      "Labels and localization"
    ],
    "propsCount": 8,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/x-tiptap.md",
    "searchText": "rich text editor tiptap based rich text editor @mantine/tiptap /x/tiptap other extensions wysiwyg, rich text, tiptap, prosemirror, html editor, markdown editor, text editor installation tiptap editor usage subtle variant controlled controls and extensions placeholder link extension text color code highlight source code mode tasks image upload table details invisible characters removing the paragraph wrapper typography styles bubble menu floating menu sticky toolbar editor context custom controls change icons labels and localization children editor labels onimageupload onimageuploaderror onsourcecodetextswitch withcodehighlightstyles withtypographystyles"
  },
  {
    "id": "q-align-input-button",
    "name": "How to align input with a button in a flex container?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/align-input-button",
    "docsUrl": "https://help.mantine.dev/q/align-input-button",
    "description": "Learn how to align Mantine inputs with buttons using Group component",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-align-input-button.md",
    "searchText": "how to align input with a button in a flex container? learn how to align mantine inputs with buttons using group component /q/align-input-button faq"
  },
  {
    "id": "q-apply-styles-to-all",
    "name": "How can I apply styles to all Mantine components?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/apply-styles-to-all",
    "docsUrl": "https://help.mantine.dev/q/apply-styles-to-all",
    "description": "Learn how to use attribute selector to apply styles to all Mantine components",
    "headings": [
      "Attribute selector"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-apply-styles-to-all.md",
    "searchText": "how can i apply styles to all mantine components? learn how to use attribute selector to apply styles to all mantine components /q/apply-styles-to-all faq attribute selector"
  },
  {
    "id": "q-are-mantine-components-accessible",
    "name": "Are Mantine components accessible?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/are-mantine-components-accessible",
    "docsUrl": "https://help.mantine.dev/q/are-mantine-components-accessible",
    "description": "Learn about Mantine components accessibility features",
    "headings": [
      "Are Mantine components accessible?",
      "How are Mantine components tested for accessibility?",
      "Is there anything I need to do on my side to make my app accessible?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-are-mantine-components-accessible.md",
    "searchText": "are mantine components accessible? learn about mantine components accessibility features /q/are-mantine-components-accessible faq are mantine components accessible? how are mantine components tested for accessibility? is there anything i need to do on my side to make my app accessible?"
  },
  {
    "id": "q-autocomplete-value-label",
    "name": "Why can I not use value/label data structure with Autocomplete/TagsInput?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/autocomplete-value-label",
    "docsUrl": "https://help.mantine.dev/q/autocomplete-value-label",
    "description": "Learn the difference between Autocomplete and Select components",
    "headings": [
      "Data structure",
      "Value/label data split",
      "Difference between Autocomplete and Select"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-autocomplete-value-label.md",
    "searchText": "why can i not use value/label data structure with autocomplete/tagsinput? learn the difference between autocomplete and select components /q/autocomplete-value-label faq data structure value/label data split difference between autocomplete and select"
  },
  {
    "id": "q-body-background",
    "name": "How can I change body background color?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/body-background",
    "docsUrl": "https://help.mantine.dev/q/body-background",
    "description": "Use CSS to change body background color",
    "headings": [
      "Change body background with CSS",
      "Change body background with CSS variable"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-body-background.md",
    "searchText": "how can i change body background color? use css to change body background color /q/body-background faq change body background with css change body background with css variable"
  },
  {
    "id": "q-browser-zooms-on-focus",
    "name": "Browser zooms in when input is focused. What should I do?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/browser-zooms-on-focus",
    "docsUrl": "https://help.mantine.dev/q/browser-zooms-on-focus",
    "description": "Use meta tag to disable browser scaling or increase input size",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-browser-zooms-on-focus.md",
    "searchText": "browser zooms in when input is focused. what should i do? use meta tag to disable browser scaling or increase input size /q/browser-zooms-on-focus faq"
  },
  {
    "id": "q-can-i-use-mantine-with-astro",
    "name": "Can I use Mantine with Astro?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/can-i-use-mantine-with-astro",
    "docsUrl": "https://help.mantine.dev/q/can-i-use-mantine-with-astro",
    "description": "No, Astro does not support React context",
    "headings": [
      "If you need Astro, you do not need a component library",
      "I need Mantine, what should I use instead?",
      "No! I need Astro and Mantine!"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-can-i-use-mantine-with-astro.md",
    "searchText": "can i use mantine with astro? no, astro does not support react context /q/can-i-use-mantine-with-astro faq if you need astro, you do not need a component library i need mantine, what should i use instead? no! i need astro and mantine!"
  },
  {
    "id": "q-can-i-use-mantine-with-cra",
    "name": "Can I use Mantine with Create React App (CRA)?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/can-i-use-mantine-with-cra",
    "docsUrl": "https://help.mantine.dev/q/can-i-use-mantine-with-cra",
    "description": "Learn how to use Mantine without postcss-preset-mantine or how to eject CRA and customize webpack.config.js and use postcss-preset-mantine",
    "headings": [
      "Deprecation notice",
      "Usage without postcss-preset-mantine",
      "Ejecting Create React App",
      "Ejected CRA example"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-can-i-use-mantine-with-cra.md",
    "searchText": "can i use mantine with create react app (cra)? learn how to use mantine without postcss-preset-mantine or how to eject cra and customize webpack.config.js and use postcss-preset-mantine /q/can-i-use-mantine-with-cra faq deprecation notice usage without postcss-preset-mantine ejecting create react app ejected cra example"
  },
  {
    "id": "q-carousel-missing-styles",
    "name": "Why are my Carousel slides in vertical orientation?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/carousel-missing-styles",
    "docsUrl": "https://help.mantine.dev/q/carousel-missing-styles",
    "description": "You forgot to import carousel styles",
    "headings": [
      "Carousel component looks broken",
      "That's it! It works now!"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-carousel-missing-styles.md",
    "searchText": "why are my carousel slides in vertical orientation? you forgot to import carousel styles /q/carousel-missing-styles faq carousel component looks broken that's it! it works now!"
  },
  {
    "id": "q-color-scheme-color",
    "name": "How can I change component color prop value depending on the color scheme?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/color-scheme-color",
    "docsUrl": "https://help.mantine.dev/q/color-scheme-color",
    "description": "Learn how to use CSS variables resolver to change color value depending on the color scheme",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-color-scheme-color.md",
    "searchText": "how can i change component color prop value depending on the color scheme? learn how to use css variables resolver to change color value depending on the color scheme /q/color-scheme-color faq"
  },
  {
    "id": "q-color-scheme-flickering",
    "name": "Why do I see color scheme flickering on page load?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/color-scheme-flickering",
    "docsUrl": "https://help.mantine.dev/q/color-scheme-flickering",
    "description": "Color scheme flickering is caused by incorrect usage of ColorSchemeScript",
    "headings": [
      "How Mantine applies color scheme",
      "Flash of inaccurate color scheme"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-color-scheme-flickering.md",
    "searchText": "why do i see color scheme flickering on page load? color scheme flickering is caused by incorrect usage of colorschemescript /q/color-scheme-flickering faq how mantine applies color scheme flash of inaccurate color scheme"
  },
  {
    "id": "q-color-scheme-hydration-warning",
    "name": "I get hydration warning about data-mantine-color-scheme attribute, what does it mean?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/color-scheme-hydration-warning",
    "docsUrl": "https://help.mantine.dev/q/color-scheme-hydration-warning",
    "description": "Learn how hydration works and how to fix warnings",
    "headings": [
      "Example hydration warning",
      "Why do I get hydration warning?",
      "How to fix hydration warning?",
      "What is mantineHtmlProps?",
      "Does hydration warning indicate a problem?",
      "How suppressHydrationWarning works?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-color-scheme-hydration-warning.md",
    "searchText": "i get hydration warning about data-mantine-color-scheme attribute, what does it mean? learn how hydration works and how to fix warnings /q/color-scheme-hydration-warning faq example hydration warning why do i get hydration warning? how to fix hydration warning? what is mantinehtmlprops? does hydration warning indicate a problem? how suppresshydrationwarning works?"
  },
  {
    "id": "q-combobox-testing",
    "name": "How can I test Select/MultiSelect components?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/combobox-testing",
    "docsUrl": "https://help.mantine.dev/q/combobox-testing",
    "description": "Learn how to use react-testing-library to test Select and MultiSelect components.",
    "headings": [
      "Getting started",
      "Selecting one option (Select, Autocomplete)",
      "Selecting multiple options (MultiSelect, TagsInput)",
      "Searching",
      "Dropdown opened state"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-combobox-testing.md",
    "searchText": "how can i test select/multiselect components? learn how to use react-testing-library to test select and multiselect components. /q/combobox-testing faq getting started selecting one option (select, autocomplete) selecting multiple options (multiselect, tagsinput) searching dropdown opened state"
  },
  {
    "id": "q-custom-input-use-form",
    "name": "How to integrate custom input with use-form hook?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/custom-input-use-form",
    "docsUrl": "https://help.mantine.dev/q/custom-input-use-form",
    "description": "Learn how to add use-form support for custom inputs",
    "headings": [
      "How @mantine/form works",
      "use-uncontrolled hook",
      "Full example"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-custom-input-use-form.md",
    "searchText": "how to integrate custom input with use-form hook? learn how to add use-form support for custom inputs /q/custom-input-use-form faq how @mantine/form works use-uncontrolled hook full example"
  },
  {
    "id": "q-data-grid-i-need",
    "name": "Is there DataGrid component that I can use with Mantine?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/data-grid-i-need",
    "docsUrl": "https://help.mantine.dev/q/data-grid-i-need",
    "description": "A list of community packages that provide DataGrid component that can be used with Mantine.",
    "headings": [
      "Community packages",
      "Is it planned to add DataGrid component to Mantine?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-data-grid-i-need.md",
    "searchText": "is there datagrid component that i can use with mantine? a list of community packages that provide datagrid component that can be used with mantine. /q/data-grid-i-need faq community packages is it planned to add datagrid component to mantine?"
  },
  {
    "id": "q-dates-missing-styles",
    "name": "Why do my dates components look broken?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/dates-missing-styles",
    "docsUrl": "https://help.mantine.dev/q/dates-missing-styles",
    "description": "Because you did not import styles",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-dates-missing-styles.md",
    "searchText": "why do my dates components look broken? because you did not import styles /q/dates-missing-styles faq"
  },
  {
    "id": "q-disable-all-inputs-in-form",
    "name": "How can I disable all inputs/input groups inside a form?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/disable-all-inputs-in-form",
    "docsUrl": "https://help.mantine.dev/q/disable-all-inputs-in-form",
    "description": "Learn how to disable all inputs/input groups inside a form with the unstyled Fieldset component",
    "headings": [
      "Disable all inputs with fieldset",
      "Disable all inputs with enhanceGetInputProps"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-disable-all-inputs-in-form.md",
    "searchText": "how can i disable all inputs/input groups inside a form? learn how to disable all inputs/input groups inside a form with the unstyled fieldset component /q/disable-all-inputs-in-form faq disable all inputs with fieldset disable all inputs with enhancegetinputprops"
  },
  {
    "id": "q-disabled-js",
    "name": "My styles are broken with disabled JavaScript. What should I do?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/disabled-js",
    "docsUrl": "https://help.mantine.dev/q/disabled-js",
    "description": "Learn how to use Mantine without JavaScript enabled",
    "headings": [
      "data-mantine-color-scheme attribute",
      "Adding support for disabled JavaScript"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-disabled-js.md",
    "searchText": "my styles are broken with disabled javascript. what should i do? learn how to use mantine without javascript enabled /q/disabled-js faq data-mantine-color-scheme attribute adding support for disabled javascript"
  },
  {
    "id": "q-dropzone-upload",
    "name": "How can I upload files from Dropzone component?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/dropzone-upload",
    "docsUrl": "https://help.mantine.dev/q/dropzone-upload",
    "description": "Learn how to process files dropped into Dropzone component",
    "headings": [
      "Example"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-dropzone-upload.md",
    "searchText": "how can i upload files from dropzone component? learn how to process files dropped into dropzone component /q/dropzone-upload faq example"
  },
  {
    "id": "q-dynamic-css-styles",
    "name": "How can I add dynamic CSS styles?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/dynamic-css-styles",
    "docsUrl": "https://help.mantine.dev/q/dynamic-css-styles",
    "description": "Use data attributes, CSS variables or inline styles",
    "headings": [
      "data- attributes",
      "Inline styles",
      "CSS variables"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-dynamic-css-styles.md",
    "searchText": "how can i add dynamic css styles? use data attributes, css variables or inline styles /q/dynamic-css-styles faq data- attributes inline styles css variables"
  },
  {
    "id": "q-file-button-in-menu",
    "name": "Why does FileButton not work in Menu?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/file-button-in-menu",
    "docsUrl": "https://help.mantine.dev/q/file-button-in-menu",
    "description": "Learn how to use FileButton in Menu component",
    "headings": [
      "Example of the issue",
      "Source of the issue",
      "How to fix the issue"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-file-button-in-menu.md",
    "searchText": "why does filebutton not work in menu? learn how to use filebutton in menu component /q/file-button-in-menu faq example of the issue source of the issue how to fix the issue"
  },
  {
    "id": "q-fivem-background-color",
    "name": "How to change background color for FiveM?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/fivem-background-color",
    "docsUrl": "https://help.mantine.dev/q/fivem-background-color",
    "description": "Unset body background color and color-scheme styles for FiveM",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-fivem-background-color.md",
    "searchText": "how to change background color for fivem? unset body background color and color-scheme styles for fivem /q/fivem-background-color faq"
  },
  {
    "id": "q-floating-action-button",
    "name": "Is there a floating action button component?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/floating-action-button",
    "docsUrl": "https://help.mantine.dev/q/floating-action-button",
    "description": "No, but you can build it with Affix and ActionIcon components",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-floating-action-button.md",
    "searchText": "is there a floating action button component? no, but you can build it with affix and actionicon components /q/floating-action-button faq"
  },
  {
    "id": "q-focus-first-input-with-error",
    "name": "How can I focus the first input with error with use-form?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/focus-first-input-with-error",
    "docsUrl": "https://help.mantine.dev/q/focus-first-input-with-error",
    "description": "Learn how to handle focus with use-form hook",
    "headings": [
      "Get input DOM node with use-form",
      "Focus first input with error on form submit"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-focus-first-input-with-error.md",
    "searchText": "how can i focus the first input with error with use-form? learn how to handle focus with use-form hook /q/focus-first-input-with-error faq get input dom node with use-form focus first input with error on form submit"
  },
  {
    "id": "q-how-can-i-contribute",
    "name": "How can I contribute to the library?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-can-i-contribute",
    "docsUrl": "https://help.mantine.dev/q/how-can-i-contribute",
    "description": "There are multiple ways to contribute even without writing code",
    "headings": [
      "Ways to contribute",
      "How to contribute to the codebase",
      "How to get started with Mantine locally"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-can-i-contribute.md",
    "searchText": "how can i contribute to the library? there are multiple ways to contribute even without writing code /q/how-can-i-contribute faq ways to contribute how to contribute to the codebase how to get started with mantine locally"
  },
  {
    "id": "q-how-that-thing-is-done",
    "name": "How is that thing done on the mantine.dev website?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-that-thing-is-done",
    "docsUrl": "https://help.mantine.dev/q/how-that-thing-is-done",
    "description": "Learn how various elements are implemented on the mantine.dev website",
    "headings": [
      "mantine.dev website",
      "How can I build the same footer?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-that-thing-is-done.md",
    "searchText": "how is that thing done on the mantine.dev website? learn how various elements are implemented on the mantine.dev website /q/how-that-thing-is-done faq mantine.dev website how can i build the same footer?"
  },
  {
    "id": "q-how-to-add-hover-styles",
    "name": "How can I add hover styles to an element?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-to-add-hover-styles",
    "docsUrl": "https://help.mantine.dev/q/how-to-add-hover-styles",
    "description": "Learn how to add hover classes to an element with CSS modules, &:hover or @mixin hover",
    "headings": [
      "&:hover",
      "@mixin hover",
      "Is there a way to add hover styles inline in JSX?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-to-add-hover-styles.md",
    "searchText": "how can i add hover styles to an element? learn how to add hover classes to an element with css modules, &:hover or @mixin hover /q/how-to-add-hover-styles faq &:hover @mixin hover is there a way to add hover styles inline in jsx?"
  },
  {
    "id": "q-how-to-call-function-when-modal-closes",
    "name": "How to call a function when Modal/Drawer closes and animation completes?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-to-call-function-when-modal-closes",
    "docsUrl": "https://help.mantine.dev/q/how-to-call-function-when-modal-closes",
    "description": "How to use transitionProps in Modal/Drawer components",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-to-call-function-when-modal-closes.md",
    "searchText": "how to call a function when modal/drawer closes and animation completes? how to use transitionprops in modal/drawer components /q/how-to-call-function-when-modal-closes faq"
  },
  {
    "id": "q-how-to-get-color-scheme-value-in-js",
    "name": "How can I get current color scheme value in JavaScript?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-to-get-color-scheme-value-in-js",
    "docsUrl": "https://help.mantine.dev/q/how-to-get-color-scheme-value-in-js",
    "description": "How to use useMantineColorScheme and useComputedColorScheme hooks to get current color scheme value in JavaScript",
    "headings": [
      "Get color scheme value in component",
      "Get color scheme value outside of component",
      "I want to hide/show some elements based on color scheme value"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-to-get-color-scheme-value-in-js.md",
    "searchText": "how can i get current color scheme value in javascript? how to use usemantinecolorscheme and usecomputedcolorscheme hooks to get current color scheme value in javascript /q/how-to-get-color-scheme-value-in-js faq get color scheme value in component get color scheme value outside of component i want to hide/show some elements based on color scheme value"
  },
  {
    "id": "q-how-to-lock-scroll",
    "name": "How can I lock scroll in my application?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-to-lock-scroll",
    "docsUrl": "https://help.mantine.dev/q/how-to-lock-scroll",
    "description": "Use react-remove-scroll library to lock scroll in your application",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-to-lock-scroll.md",
    "searchText": "how can i lock scroll in my application? use react-remove-scroll library to lock scroll in your application /q/how-to-lock-scroll faq"
  },
  {
    "id": "q-how-to-prevent-modal-from-closing",
    "name": "How to prevent Modal from closing?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-to-prevent-modal-from-closing",
    "docsUrl": "https://help.mantine.dev/q/how-to-prevent-modal-from-closing",
    "description": "Learn how to prevent Modal from closing when the user clicks outside of it or presses the Escape key",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-to-prevent-modal-from-closing.md",
    "searchText": "how to prevent modal from closing? learn how to prevent modal from closing when the user clicks outside of it or presses the escape key /q/how-to-prevent-modal-from-closing faq"
  },
  {
    "id": "q-how-to-setup-stylelint",
    "name": "How can I lint CSS files?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-to-setup-stylelint",
    "docsUrl": "https://help.mantine.dev/q/how-to-setup-stylelint",
    "description": "Learn how to set up Stylelint for Mantine postcss syntax",
    "headings": [
      "Installation",
      "Configuration",
      "Mantine Stylelint config",
      "Additional tools"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-to-setup-stylelint.md",
    "searchText": "how can i lint css files? learn how to set up stylelint for mantine postcss syntax /q/how-to-setup-stylelint faq installation configuration mantine stylelint config additional tools"
  },
  {
    "id": "q-how-to-update-dependencies",
    "name": "How to update Mantine dependencies?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-to-update-dependencies",
    "docsUrl": "https://help.mantine.dev/q/how-to-update-dependencies",
    "description": "Learn how to update @mantine/*, @mantinex/* and postcss-preset-mantine dependencies manually or with ncu script",
    "headings": [
      "Update dependencies with npm-check-updates",
      "ncu script",
      "Update dependencies manually",
      "How do I know which version is the latest?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-to-update-dependencies.md",
    "searchText": "how to update mantine dependencies? learn how to update @mantine/*, @mantinex/* and postcss-preset-mantine dependencies manually or with ncu script /q/how-to-update-dependencies faq update dependencies with npm-check-updates ncu script update dependencies manually how do i know which version is the latest?"
  },
  {
    "id": "q-how-to-use-dropzone-with-form",
    "name": "How to use Dropzone with @mantine/form?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/how-to-use-dropzone-with-form",
    "docsUrl": "https://help.mantine.dev/q/how-to-use-dropzone-with-form",
    "description": "Learn how to use Dropzone with @mantine/form to handle file selection state",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-how-to-use-dropzone-with-form.md",
    "searchText": "how to use dropzone with @mantine/form? learn how to use dropzone with @mantine/form to handle file selection state /q/how-to-use-dropzone-with-form faq"
  },
  {
    "id": "q-input-focus-styles",
    "name": "How can I change input focus styles?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/input-focus-styles",
    "docsUrl": "https://help.mantine.dev/q/input-focus-styles",
    "description": "Learn how to use Styles API with Mantine inputs",
    "headings": [
      "Change focus styles of a single input",
      "Change focus styles of all inputs"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-input-focus-styles.md",
    "searchText": "how can i change input focus styles? learn how to use styles api with mantine inputs /q/input-focus-styles faq change focus styles of a single input change focus styles of all inputs"
  },
  {
    "id": "q-inputs-placeholder-color",
    "name": "How to change input placeholder color?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/inputs-placeholder-color",
    "docsUrl": "https://help.mantine.dev/q/inputs-placeholder-color",
    "description": "Learn how to change placeholder color with Styles API",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-inputs-placeholder-color.md",
    "searchText": "how to change input placeholder color? learn how to change placeholder color with styles api /q/inputs-placeholder-color faq"
  },
  {
    "id": "q-light-dark-elements",
    "name": "How can I display different elements in light and dark color schemes?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/light-dark-elements",
    "docsUrl": "https://help.mantine.dev/q/light-dark-elements",
    "description": "Learn how to hide/show elements based on color scheme",
    "headings": [
      "How Mantine color scheme works",
      "Can I get color scheme value in JavaScript?",
      "lightHidden and darkHidden props",
      "Changing component styles based on color scheme"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-light-dark-elements.md",
    "searchText": "how can i display different elements in light and dark color schemes? learn how to hide/show elements based on color scheme /q/light-dark-elements faq how mantine color scheme works can i get color scheme value in javascript? lighthidden and darkhidden props changing component styles based on color scheme"
  },
  {
    "id": "q-light-dark-is-not-enough",
    "name": "Can I have color schemes other than light and dark?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/light-dark-is-not-enough",
    "docsUrl": "https://help.mantine.dev/q/light-dark-is-not-enough",
    "description": "Learn about the difference between color scheme and theme",
    "headings": [
      "What is color scheme?",
      "I want to add a custom color scheme. Can I do that?",
      "How can I customize colors with theme?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-light-dark-is-not-enough.md",
    "searchText": "can i have color schemes other than light and dark? learn about the difference between color scheme and theme /q/light-dark-is-not-enough faq what is color scheme? i want to add a custom color scheme. can i do that? how can i customize colors with theme?"
  },
  {
    "id": "q-list-of-strings-in-use-form",
    "name": "Can I use an array of strings as a list in use-form?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/list-of-strings-in-use-form",
    "docsUrl": "https://help.mantine.dev/q/list-of-strings-in-use-form",
    "description": "Learn about use-form lists limitations",
    "headings": [
      "What is use-form list?",
      "Form lists limitation"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-list-of-strings-in-use-form.md",
    "searchText": "can i use an array of strings as a list in use-form? learn about use-form lists limitations /q/list-of-strings-in-use-form faq what is use-form list? form lists limitation"
  },
  {
    "id": "q-local-storage-effect",
    "name": "The use-local-storage hook returns the real value only after mounting. Is it a bug?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/local-storage-effect",
    "docsUrl": "https://help.mantine.dev/q/local-storage-effect",
    "description": "Learn how Mantine retrieves local storage value",
    "headings": [
      "How use-local-storage hook works",
      "Reading value in first render"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-local-storage-effect.md",
    "searchText": "the use-local-storage hook returns the real value only after mounting. is it a bug? learn how mantine retrieves local storage value /q/local-storage-effect faq how use-local-storage hook works reading value in first render"
  },
  {
    "id": "q-mantine-provider-missing",
    "name": "MantineProvider was not found in component tree. What should I do?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/mantine-provider-missing",
    "docsUrl": "https://help.mantine.dev/q/mantine-provider-missing",
    "description": "Learn how to resolve MantineProvider issues",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-mantine-provider-missing.md",
    "searchText": "mantineprovider was not found in component tree. what should i do? learn how to resolve mantineprovider issues /q/mantine-provider-missing faq"
  },
  {
    "id": "q-multiselect-value-placeholder",
    "name": "Can I remove MultiSelect placeholder when the component has selected values?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/multiselect-value-placeholder",
    "docsUrl": "https://help.mantine.dev/q/multiselect-value-placeholder",
    "description": "Learn why MultiSelect placeholder is not removed when values are selected and how to remove it with CSS",
    "headings": [
      "Why is the MultiSelect placeholder not removed when values are selected?",
      "How to remove the MultiSelect placeholder when values are selected?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-multiselect-value-placeholder.md",
    "searchText": "can i remove multiselect placeholder when the component has selected values? learn why multiselect placeholder is not removed when values are selected and how to remove it with css /q/multiselect-value-placeholder faq why is the multiselect placeholder not removed when values are selected? how to remove the multiselect placeholder when values are selected?"
  },
  {
    "id": "q-native-required",
    "name": "Native browser validation does not work in some components, what should I do?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/native-required",
    "docsUrl": "https://help.mantine.dev/q/native-required",
    "description": "Learn why native browser validation does not work in some components",
    "headings": [
      "Native browser validation",
      "Is there a workaround to use native browser validation?",
      "What should I do instead?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-native-required.md",
    "searchText": "native browser validation does not work in some components, what should i do? learn why native browser validation does not work in some components /q/native-required faq native browser validation is there a workaround to use native browser validation? what should i do instead?"
  },
  {
    "id": "q-nested-inline-styles",
    "name": "Can I use nested inline styles with Mantine components?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/nested-inline-styles",
    "docsUrl": "https://help.mantine.dev/q/nested-inline-styles",
    "description": "Nested styles are supported only in CSS files",
    "headings": [
      "What are nested inline styles?",
      "Styles in Mantine components",
      "Why are nested inline styles not supported?",
      "What is the alternative?",
      "I still want to use nested inline styles"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-nested-inline-styles.md",
    "searchText": "can i use nested inline styles with mantine components? nested styles are supported only in css files /q/nested-inline-styles faq what are nested inline styles? styles in mantine components why are nested inline styles not supported? what is the alternative? i still want to use nested inline styles"
  },
  {
    "id": "q-nested-popover-closes",
    "name": "My Popover dropdown closes when I click on the dropdown of a nested Popover",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/nested-popover-closes",
    "docsUrl": "https://help.mantine.dev/q/nested-popover-closes",
    "description": "Popover dropdown is closed when it detects click-outside events",
    "headings": [
      "Nested popovers",
      "How to fix"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-nested-popover-closes.md",
    "searchText": "my popover dropdown closes when i click on the dropdown of a nested popover popover dropdown is closed when it detects click-outside events /q/nested-popover-closes faq nested popovers how to fix"
  },
  {
    "id": "q-next-load-fonts",
    "name": "How can I load fonts in Next.js?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/next-load-fonts",
    "docsUrl": "https://help.mantine.dev/q/next-load-fonts",
    "description": "A guide to load custom fonts in Next.js with CSS and next/font package",
    "headings": [
      "Loading fonts with next/font package",
      "Loading fonts without next/font package",
      "Load fonts from Google Fonts"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-next-load-fonts.md",
    "searchText": "how can i load fonts in next.js? a guide to load custom fonts in next.js with css and next/font package /q/next-load-fonts faq loading fonts with next/font package loading fonts without next/font package load fonts from google fonts"
  },
  {
    "id": "q-notifications-empty-screen",
    "name": "Why is my screen completely empty after I",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/notifications-empty-screen",
    "docsUrl": "https://help.mantine.dev/q/notifications-empty-screen",
    "description": "You have used Notifications component incorrectly",
    "headings": [
      "Notifications component",
      "How to fix"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-notifications-empty-screen.md",
    "searchText": "why is my screen completely empty after i you have used notifications component incorrectly /q/notifications-empty-screen faq notifications component how to fix"
  },
  {
    "id": "q-notifications-missing-styles",
    "name": "Why are my notifications displayed at the wrong position?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/notifications-missing-styles",
    "docsUrl": "https://help.mantine.dev/q/notifications-missing-styles",
    "description": "Because you did not import styles",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-notifications-missing-styles.md",
    "searchText": "why are my notifications displayed at the wrong position? because you did not import styles /q/notifications-missing-styles faq"
  },
  {
    "id": "q-other-libs",
    "name": "Is there a comparison with other libraries?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/other-libs",
    "docsUrl": "https://help.mantine.dev/q/other-libs",
    "description": "Comparison with other libraries is not provided, you are trusted to make your own decision based on documentation examples",
    "headings": [
      "Do you have a comparison with other libraries?",
      "How should I decide which library to use?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-other-libs.md",
    "searchText": "is there a comparison with other libraries? comparison with other libraries is not provided, you are trusted to make your own decision based on documentation examples /q/other-libs faq do you have a comparison with other libraries? how should i decide which library to use?"
  },
  {
    "id": "q-pinch-to-zoom-modal",
    "name": "It is not possible to pinch to zoom when a Modal is opened. What should I do?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/pinch-to-zoom-modal",
    "docsUrl": "https://help.mantine.dev/q/pinch-to-zoom-modal",
    "description": "Use removeScrollProps to configure react-remove-scroll options",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-pinch-to-zoom-modal.md",
    "searchText": "it is not possible to pinch to zoom when a modal is opened. what should i do? use removescrollprops to configure react-remove-scroll options /q/pinch-to-zoom-modal faq"
  },
  {
    "id": "q-polymorphic-in-polymorphic",
    "name": "Why can I not use one polymorphic component in the component prop of another polymorphic component?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/polymorphic-in-polymorphic",
    "docsUrl": "https://help.mantine.dev/q/polymorphic-in-polymorphic",
    "description": "Learn how polymorphic components types work",
    "headings": [
      "What is polymorphic component?",
      "Polymorphic components types",
      "Why I cannot use one polymorphic component in component prop of another polymorphic component?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-polymorphic-in-polymorphic.md",
    "searchText": "why can i not use one polymorphic component in the component prop of another polymorphic component? learn how polymorphic components types work /q/polymorphic-in-polymorphic faq what is polymorphic component? polymorphic components types why i cannot use one polymorphic component in component prop of another polymorphic component?"
  },
  {
    "id": "q-portals-testing",
    "name": "How can I test Modal/Drawer/Popover components?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/portals-testing",
    "docsUrl": "https://help.mantine.dev/q/portals-testing",
    "description": "Learn how to use react-testing-library to test components that use portals and transitions.",
    "headings": [
      "Getting started",
      "Testing example",
      "Failing tests",
      "Fixing failing tests",
      "How to test that the modal is opened/closed?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-portals-testing.md",
    "searchText": "how can i test modal/drawer/popover components? learn how to use react-testing-library to test components that use portals and transitions. /q/portals-testing faq getting started testing example failing tests fixing failing tests how to test that the modal is opened/closed?"
  },
  {
    "id": "q-postcss-fns-inline",
    "name": "Can I use PostCSS function in inline styles?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/postcss-fns-inline",
    "docsUrl": "https://help.mantine.dev/q/postcss-fns-inline",
    "description": "Learn where PostCSS functions can be used in Mantine",
    "headings": [
      "What are PostCSS functions?",
      "Can I use PostCSS functions in inline styles?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-postcss-fns-inline.md",
    "searchText": "can i use postcss function in inline styles? learn where postcss functions can be used in mantine /q/postcss-fns-inline faq what are postcss functions? can i use postcss functions in inline styles?"
  },
  {
    "id": "q-primary-virtual-color",
    "name": "Can I have different primary color for light and dark color schemes?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/primary-virtual-color",
    "docsUrl": "https://help.mantine.dev/q/primary-virtual-color",
    "description": "Learn how to use virtual color with primary color in theme object",
    "headings": [
      "Virtual colors"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-primary-virtual-color.md",
    "searchText": "can i have different primary color for light and dark color schemes? learn how to use virtual color with primary color in theme object /q/primary-virtual-color faq virtual colors"
  },
  {
    "id": "q-private-css-variables",
    "name": "Can I use private CSS variables to style components?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/private-css-variables",
    "docsUrl": "https://help.mantine.dev/q/private-css-variables",
    "description": "No, it is not safe and will not work with future versions of Mantine.",
    "headings": [
      "What are private CSS variables?",
      "Should I use private CSS variables to apply styles?",
      "But what should I do instead?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-private-css-variables.md",
    "searchText": "can i use private css variables to style components? no, it is not safe and will not work with future versions of mantine. /q/private-css-variables faq what are private css variables? should i use private css variables to apply styles? but what should i do instead?"
  },
  {
    "id": "q-react-router-load-fonts",
    "name": "How can I load fonts in React Router?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/react-router-load-fonts",
    "docsUrl": "https://help.mantine.dev/q/react-router-load-fonts",
    "description": "A guide to load custom fonts in React Router",
    "headings": [
      "Loading local fonts",
      "Load fonts from Google Fonts"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-react-router-load-fonts.md",
    "searchText": "how can i load fonts in react router? a guide to load custom fonts in react router /q/react-router-load-fonts faq loading local fonts load fonts from google fonts"
  },
  {
    "id": "q-roadmap",
    "name": "Where can I find the roadmap?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/roadmap",
    "docsUrl": "https://help.mantine.dev/q/roadmap",
    "description": "The roadmap is private and only available to the team.",
    "headings": [
      "Roadmap. Where is it?",
      "How can I know what is coming next?",
      "When will the next version be released?",
      "Will Mantine be maintained in the future?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-roadmap.md",
    "searchText": "where can i find the roadmap? the roadmap is private and only available to the team. /q/roadmap faq roadmap. where is it? how can i know what is coming next? when will the next version be released? will mantine be maintained in the future?"
  },
  {
    "id": "q-scroll-to-the-top-of-the-form",
    "name": "How to scroll to the top of the form if the form is submitted with errors?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/scroll-to-the-top-of-the-form",
    "docsUrl": "https://help.mantine.dev/q/scroll-to-the-top-of-the-form",
    "description": "Learn how to call a function when the form is submitted with errors",
    "headings": [
      "use-form submit handlers",
      "Scroll to the top of the form on submit"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-scroll-to-the-top-of-the-form.md",
    "searchText": "how to scroll to the top of the form if the form is submitted with errors? learn how to call a function when the form is submitted with errors /q/scroll-to-the-top-of-the-form faq use-form submit handlers scroll to the top of the form on submit"
  },
  {
    "id": "q-segmented-control-no-value",
    "name": "Can I use SegmentedControl with empty value?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/segmented-control-no-value",
    "docsUrl": "https://help.mantine.dev/q/segmented-control-no-value",
    "description": "SegmentedControl cannot be used without a value",
    "headings": [
      "Can I use SegmentedControl with an initial empty value?",
      "Can I deselect a value in SegmentedControl?",
      "What should I use instead if I need deselect functionality?",
      "I want a component that looks like SegmentedControl but can be deselected"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-segmented-control-no-value.md",
    "searchText": "can i use segmentedcontrol with empty value? segmentedcontrol cannot be used without a value /q/segmented-control-no-value faq can i use segmentedcontrol with an initial empty value? can i deselect a value in segmentedcontrol? what should i use instead if i need deselect functionality? i want a component that looks like segmentedcontrol but can be deselected"
  },
  {
    "id": "q-select-autocomplete-difference",
    "name": "What is the difference between searchable Select and Autocomplete?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/select-autocomplete-difference",
    "docsUrl": "https://help.mantine.dev/q/select-autocomplete-difference",
    "description": "Searchable Select and Autocomplete are similar components, but they serve different purposes.",
    "headings": [
      "Searchable select",
      "Autocomplete"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-select-autocomplete-difference.md",
    "searchText": "what is the difference between searchable select and autocomplete? searchable select and autocomplete are similar components, but they serve different purposes. /q/select-autocomplete-difference faq searchable select autocomplete"
  },
  {
    "id": "q-select-fuzzy",
    "name": "How can I add fuzzy search to Select component?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/select-fuzzy",
    "docsUrl": "https://help.mantine.dev/q/select-fuzzy",
    "description": "Learn how to integrate third-party fuzzy search libraries with Mantine Select component",
    "headings": [
      "Options filtering",
      "Example with a custom filter function that matches options by words instead of a letter sequence:",
      "Example with fuse.js"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-select-fuzzy.md",
    "searchText": "how can i add fuzzy search to select component? learn how to integrate third-party fuzzy search libraries with mantine select component /q/select-fuzzy faq options filtering example with a custom filter function that matches options by words instead of a letter sequence: example with fuse.js"
  },
  {
    "id": "q-server-components",
    "name": "Can I use Mantine components as server components?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/server-components",
    "docsUrl": "https://help.mantine.dev/q/server-components",
    "description": "Learn about use client directive and server components usage",
    "headings": [
      "Difference between server and client components",
      "Can I use Mantine components as server components?",
      "Should I add 'use client' directive to all files?",
      "Does 'use client' directive affect SEO?",
      "Error: hook is not a function",
      "Error: function cannot be passed as children",
      "Error: hook usage in server component",
      "Error: compound components in server component",
      "Error: Attempted to call extend() from the server"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-server-components.md",
    "searchText": "can i use mantine components as server components? learn about use client directive and server components usage /q/server-components faq difference between server and client components can i use mantine components as server components? should i add 'use client' directive to all files? does 'use client' directive affect seo? error: hook is not a function error: function cannot be passed as children error: hook usage in server component error: compound components in server component error: attempted to call extend() from the server"
  },
  {
    "id": "q-styles-order",
    "name": "My styles are overridden by Mantine components styles, what should I do?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/styles-order",
    "docsUrl": "https://help.mantine.dev/q/styles-order",
    "description": "Learn how to use CSS layers to control styles order and prevent Mantine components from overriding your styles",
    "headings": [
      "How Mantine styles work",
      "Styles overriding conflicts",
      "CSS layers"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-styles-order.md",
    "searchText": "my styles are overridden by mantine components styles, what should i do? learn how to use css layers to control styles order and prevent mantine components from overriding your styles /q/styles-order faq how mantine styles work styles overriding conflicts css layers"
  },
  {
    "id": "q-submit-template",
    "name": "How can I submit a template to Mantine documentation?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/submit-template",
    "docsUrl": "https://help.mantine.dev/q/submit-template",
    "description": "Learn how to create and submit a template to Mantine documentation",
    "headings": [
      "What is a template",
      "How to submit a template"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-submit-template.md",
    "searchText": "how can i submit a template to mantine documentation? learn how to create and submit a template to mantine documentation /q/submit-template faq what is a template how to submit a template"
  },
  {
    "id": "q-tabs-border-color",
    "name": "How can I change Tabs border color?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/tabs-border-color",
    "docsUrl": "https://help.mantine.dev/q/tabs-border-color",
    "description": "Learn how to use Styles API with Tabs component",
    "headings": [],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-tabs-border-color.md",
    "searchText": "how can i change tabs border color? learn how to use styles api with tabs component /q/tabs-border-color faq"
  },
  {
    "id": "q-templates-usage",
    "name": "How to use Mantine template on GitHub?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/templates-usage",
    "docsUrl": "https://help.mantine.dev/q/templates-usage",
    "description": "Learn how to create a new repository based on Mantine template",
    "headings": [
      "Prerequisites",
      "Getting started with a template",
      "Without GitHub account"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-templates-usage.md",
    "searchText": "how to use mantine template on github? learn how to create a new repository based on mantine template /q/templates-usage faq prerequisites getting started with a template without github account"
  },
  {
    "id": "q-ten-shades-per-color",
    "name": "Why is it required to have 10 shades per color?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/ten-shades-per-color",
    "docsUrl": "https://help.mantine.dev/q/ten-shades-per-color",
    "description": "Learn how Mantine uses theme colors",
    "headings": [
      "How Mantine colors are defined and used",
      "Why is it required to have 10 shades per color?",
      "Can I have just one shade per color?",
      "Can I have more than 10 shades per color?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-ten-shades-per-color.md",
    "searchText": "why is it required to have 10 shades per color? learn how mantine uses theme colors /q/ten-shades-per-color faq how mantine colors are defined and used why is it required to have 10 shades per color? can i have just one shade per color? can i have more than 10 shades per color?"
  },
  {
    "id": "q-third-party-styles",
    "name": "Can I use Mantine with Emotion/styled-components/tailwindcss?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/third-party-styles",
    "docsUrl": "https://help.mantine.dev/q/third-party-styles",
    "description": "Learn about limitations of third-party styles",
    "headings": [
      "I prefer a third-party styling solution, can I use Mantine with it?",
      "Is there any specific setup for Tailwind CSS?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-third-party-styles.md",
    "searchText": "can i use mantine with emotion/styled-components/tailwindcss? learn about limitations of third-party styles /q/third-party-styles faq i prefer a third-party styling solution, can i use mantine with it? is there any specific setup for tailwind css?"
  },
  {
    "id": "q-transparent-buttons",
    "name": "My buttons are transparent and the background is visible only on hover, what is wrong?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/transparent-buttons",
    "docsUrl": "https://help.mantine.dev/q/transparent-buttons",
    "description": "You have installed a third-party library that overrides Mantine styles",
    "headings": [
      "Why are my buttons transparent?",
      "How to fix it?",
      "I do not use Tailwind, what else can cause this issue?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-transparent-buttons.md",
    "searchText": "my buttons are transparent and the background is visible only on hover, what is wrong? you have installed a third-party library that overrides mantine styles /q/transparent-buttons faq why are my buttons transparent? how to fix it? i do not use tailwind, what else can cause this issue?"
  },
  {
    "id": "q-vite-load-fonts",
    "name": "How can I load fonts in Vite?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/vite-load-fonts",
    "docsUrl": "https://help.mantine.dev/q/vite-load-fonts",
    "description": "A guide to load custom fonts in Vite",
    "headings": [
      "Loading local fonts",
      "Load fonts from Google Fonts"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-vite-load-fonts.md",
    "searchText": "how can i load fonts in vite? a guide to load custom fonts in vite /q/vite-load-fonts faq loading local fonts load fonts from google fonts"
  },
  {
    "id": "q-vue-svelte-angular",
    "name": "Can I use Mantine with Vue/Svelte/Angular/etc.?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/vue-svelte-angular",
    "docsUrl": "https://help.mantine.dev/q/vue-svelte-angular",
    "description": "No, Mantine is a React library and does not support other frameworks/libraries",
    "headings": [
      "Can I use Mantine with Vue/Svelte/Angular?",
      "What about Preact?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-vue-svelte-angular.md",
    "searchText": "can i use mantine with vue/svelte/angular/etc.? no, mantine is a react library and does not support other frameworks/libraries /q/vue-svelte-angular faq can i use mantine with vue/svelte/angular? what about preact?"
  },
  {
    "id": "q-why-vscode-cannot-autoimport-text",
    "name": "Why can VSCode not autoimport the Text component?",
    "kind": "faq",
    "group": "gettingStarted",
    "category": "FAQ",
    "route": "/q/why-vscode-cannot-autoimport-text",
    "docsUrl": "https://help.mantine.dev/q/why-vscode-cannot-autoimport-text",
    "description": "It is confused by the native Text constructor",
    "headings": [
      "Why is the Text component not automatically imported?",
      "How can I import the Text component with VSCode?"
    ],
    "propsCount": 0,
    "hasSignature": false,
    "llmUrl": "https://mantine.dev/llms/q-why-vscode-cannot-autoimport-text.md",
    "searchText": "why can vscode not autoimport the text component? it is confused by the native text constructor /q/why-vscode-cannot-autoimport-text faq why is the text component not automatically imported? how can i import the text component with vscode?"
  }
]